通过JS控制广告图片仅在特定范围内漂浮-JS特效-爱易网页

通过JS控制广告图片仅在特定范围内漂浮

日期：2014-05-18　浏览次数：20304 次

以下是程序代码

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>阿 里 西 西 js.aiyiweb.com</title>
</head>
<body>
<script type="text/javascript">
document.write("<div id='fudong01' style='position:absolute;Z-INDEX: 99999; width:40px;height:20px;background:000;'><a onClick='setNone(fudong01)' style='position:absolute;right:0px;top:-15px;cursor:pointer;display:block;width:48px;height:16px;font: 12px/16px;color:#fff;text-align:center;background:#333;border:1px solid #999;overflow:hidden;font-family:宋体;'>×关闭</a><img src='http://www.aiyiweb.cn/skins/GRAY2010/logo3.gif' border='0' /></div>");
function setNone(str_fd){str_fd.style.display="none";}
var x = 0,y = 0
var xin = true, yin = true
var step = 3  
var delay = 10   
var obj=document.getElementById("fudong01")
function floatAD() {
var L=0
var T=0
var R= (document.body.clientWidth-obj.offsetWidth)/2
var B =document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft  
obj.style.top = y + document.body.scrollTop   
obj.y=document.body.scrollHeight;
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("floatAD()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
</script>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]