当前位置: 代码迷 >> Web前端 >> 漂浮广告带封闭
  详细解决方案

漂浮广告带封闭

热度:152   发布时间:2012-10-27 10:42:25.0
漂浮广告带关闭

<script type="text/javascript">

function hidefudongand()

{

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

}

</script>

<div id="fudongand" style="position:absolute;width:173px;"><!--一定要写宽度-->

?? <!--<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;"><span style="CURSOR:pointer;" onclick="hidefudongand();"><img src="http://www.danyang.gov.cn/images/dy2009_close.jpg " border="0" style="margin-right:3px; text-align:center" /><font style="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>

  相关解决方案