Javascript 飞动的广告
来源:互联网 发布:一号防线监控软件 编辑:程序博客网 时间:2024/05/09 08:40
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>飞动的广告</title>
<style type="text/css">
body,div,p
{
margin:0;
padding:0;
font-size:14px;
}
#divMain
{
width:200px;
height:800px;
}
</style>
<script type="text/javascript">
var tmrID;
var x = 1;
var y = 1;
function moveAD() {
var divFly = document.getElementById("divFly");
var moveX = parseInt(divFly.style.left) + x * 5;
var moveY = parseInt(divFly.style.top) + y * 5;
//divFly.offsetWidth
if ((moveX + divFly.offsetWidth) >= document.body.clientWidth) {
x = -1;
}
if ((moveY + divFly.offsetHeight) >= document.body.clientHeight) {
y = -1;
}
if (moveX <= 0) {
x = 1;
}
if (moveY <= 0) {
y = 1;
}
divFly.style.left = moveX;
divFly.style.top = moveY;
}
function ClearTimer() {
clearInterval(tmrID);
}
function fly() {
tmrID = setInterval(moveAD, 20);
}
window.onload = function () {
var divFly = document.getElementById("divFly");
divFly.onmouseover = function () {
ClearTimer();
}
divFly.onmouseout = function () {
fly();
}
fly();
}
function closeAD() {
ClearTimer();
var divFly = document.getElementById("divFly");
divFly.style.display = "none";
}
</script>
</head>
<body>
<div id="divMain"></div>
<div id="divFly" style="position:absolute;top:0;left:0;border:1px solid green;">
<img src="../images/fly.gif" height="60px" width="60px" />
<p><a href="javascript:void(0)" onclick="closeAD()">关闭</a></p>
</div>
</body>
</html>
- Javascript 飞动的广告
- 【javascript】广告随鼠标移动 | 广告飞动
- PV3d特技--飞动的文字
- 底部状态栏上飞动的文字
- 想做个会飞动的椭圆 但是不见效果
- javascript浮动广告的实现
- javascript走马灯广告的实现
- 可以做刷新效果的两个图片飞动
- Javascript实现广告页面的定时关闭
- 一个广告条的javascript小程序
- 使用Javascript实现广告鱼的效果
- Javascript应用--浮动的广告图片
- javascript的网页两侧浮动广告
- 纯javascript实现广告的无缝滚动
- 广告轮播效果的javascript实现
- JavaScript完成简单的对联广告
- 使用javascript屏蔽百度搜索的广告
- javascript创建循环的广告条
- pParam使用
- 常用的javascript 正则表达式验证
- sizeof函数总结 (2012-02-05 20:41:57)
- linux实用代码
- Linux下的Nano命令
- Javascript 飞动的广告
- 用消息的方式实现线程通信
- redis 入门笔记
- android的content provider之一:SharedPreferences && 进程数据共享方法
- .x file format 详细分析.x 文件格式
- MFC中的CreateThread
- 求连续子序列的最大和
- hdu 1010 dfs+奇偶剪枝
- 旋转翻转UIImage 不是UIImageView 适用于源图像的处理,例如截图后旋转----改变图片大小