网页浮标

最新推荐文章于 2024-03-05 20:38:12 发布

heqi915

最新推荐文章于 2024-03-05 20:38:12 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： border javascript function div

本文链接：https://blog.youkuaiyun.com/heqi915/article/details/1542373

本文介绍了一段用于实现网页上浮动广告栏效果的JavaScript脚本。该脚本通过监测滚动条位置来调整两个广告栏的位置，确保它们始终处于可视范围内。一个广告链接指向客户端首卖页面，另一个则导向新手指导页面。

<SCRIPT language=JavaScript>
lastScrollY=0;
function heartBeat(){
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.lovexin12.style.pixelTop+=percent;
document.all.lovexin14.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
suspendcode12="<DIV id=lovexin12 style='left:10px;POSITION:absolute;TOP:10px;'><A HREF='http://gw.the9.com/events/clients/index.html' target=_blank Title='客户端首卖<img src='images/client.jpg' border=0 width='90' height='220'></A></div>"
document.write(suspendcode12);
suspendcode14="<DIV id=lovexin14 style='right:10px;POSITION:absolute;TOP:10px;'><A HREF='http://gw.the9.com/zt/xszd/index.html' target=_blank Title='新手指导'><img src='images/90x220.jpg' border=0 width='90' height='220'></A></div>"
document.write(suspendcode14);
window.setInterval("heartBeat()",1);
</SCRIPT>