当前位置:
代码迷
>>
Web前端
>> 带封锁按钮的页面漂浮的代码(IE/FF)
详细解决方案
带封锁按钮的页面漂浮的代码(IE/FF)
热度:
149
发布时间:
2013-11-08 17:51:58.0
带关闭按钮的页面漂浮的代码(IE/FF)
带关闭按钮的页面漂浮的代码,兼容火狐和IE,只需要把Javascript代码中的图片地址和链接地址改成你自己的就可以用了,另外总体大小可以自己设置,还有漂浮的速度。如果你有Javascript基础,还可以对其代码修改创新,达到别的效果。
<!--漂浮广告开始--> <script type="text/javascript"> function hidead() {document.getElementById("ad").style.display="none";} </script> <div id="ad" style="position:absolute"> <a href="http://www.jsweb8.cn"> <img src="http://www.ileader.com.cn/images/movedad1.jpg" width="260" border="0"> </a> <DIV onClick="hidead();" style="FONT-SIZE: 9pt; CURSOR: hand" align=right>关闭×</DIV></div> <script> var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 1 var obj=document.getElementById("ad") 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 obj.style.top = y + document.body.scrollTop 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> <!--漂浮广告结束-->
【提示:你可以先修改代码再点击运行】
查看全文
相关解决方案