首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

漂浮广告带封闭

2012-10-27 
漂浮广告带关闭?? !--div onclickhidefudongand() stylecursor:pointertext-align:left/div

漂浮广告带关闭

?? <!--<div onclick="hidefudongand();" style="cursor:pointer;text-align:left;"></div>-->

?? <div><a href="/yyqt/zlxz/2009/09/0418094922436.html" target="_blank">

????? <img src="http://www.danyang.gov.cn/images/dy2009_index_pf.jpg" alt="漂浮广告带封闭" border="0" />

??</a></div><div style="float:right;"><spanstyle="CURSOR:pointer;" onclick="hidefudongand();"><img src="http://www.danyang.gov.cn/images/dy2009_close.jpg"border="0" style="margin-right:3px; text-align:center" /><fontstyle="font-size:13px;">关闭</font></span></div>

?

</div>

<script type="text/javascript">

?? var x = 50,y = 60;

?? var xin = true, yin = true;

?? var step = 1;//层移动的步长,值越大移动速度越快

?? var delay = 20;//层移动的时间间隔,单位为毫秒,值越小移动速度越快

?? var obj=document.getElementById("fudongand");

?? function floatAD()

?? {

????? var L=T=0;

????? var R= document.body.clientWidth-obj.offsetWidth;

????? var B = document.body.clientHeight-obj.offsetHeight;

????? obj.style.left = x + document.body.scrollLeft + "px";

????? obj.style.top = y + document.body.scrollTop +"px";

????? 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;}

?? }

?? //如果需要显示漂浮广告,请注释掉下面这行代码,然后恢复下面那三条已经注释掉的代码

?? //document.getElementById("fudongand").style.display="none";

?? var itl= setInterval("floatAD()", delay);

?? obj.onmouseover=function(){clearInterval(itl)}

?? obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}

</script>

热点排行