网页两侧悬挂广告JS代码

最新推荐文章于 2026-05-30 16:24:14 发布

原创最新推荐文章于 2026-05-30 16:24:14 发布 · 4.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #function

这段JavaScript代码用于创建页面滚动时两侧悬挂广告的效果。通过获取滚动条的位置并更新广告元素的top属性，使得广告始终保持在屏幕的指定位置。代码中定义了heartBeat函数，用于计算滚动距离并调整广告位置，同时提供了两个不同位置的广告悬挂示例。

// JavaScript Document

lastScrollY=0;

function heartBeat(){

var diffY;

if (document.documentElement && document.documentElement.scrollTop)

diffY = document.documentElement.scrollTop;

else if (document.body)

diffY = document.body.scrollTop

else

{/*Netscape stuff*/}

//alert(diffY);

percent=.1*(diffY-lastScrollY);

if(percent>0)percent=Math.ceil(percent);

else percent=Math.floor(percent);

document.getElementById("lovexin12").style.top=parseInt(document.getElementById("lovexin12").style.top)+percent+"px";

document.getElementById("lovexin14").style.top=parseInt(document.getElementById("lovexin12").style.top)+percent+"px";

lastScrollY=lastScrollY+percent;

//alert(lastScrollY);

}

suspendcode12="<DIV id="lovexin12" style='left:2px;POSITION:absolute;TOP:69px;'><a href='http://www.ysss.cn/guoqing.asp' target='_blank'><img border=0 src=images/guoqing.gif><br><a href=JavaScript:; onclick="lovexin12.style.visibility='hidden'"><img border=0 src=images/close.gif></a></div>"

suspendcode14="<DIV id="lovexin14" style='right:2px;POSITION:absolute;TOP:69px;'><a href='http://www.ysss.cn/guoqing.asp' target='_blank'><img border=0 src=images/guoqing.gif><br><a href=JavaScript:; onclick="lovexin14.style.display = 'none'"><img border=0 src=images/close.gif></div>"

document.write(suspendcode12);

document.write(suspendcode14);

window.setInterval("heartBeat()",1);