js 浮动div广告（对联广告）

最新推荐文章于 2021-06-04 15:42:31 发布

ever_forever

最新推荐文章于 2021-06-04 15:42:31 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/YJHAndYW/article/details/8208761

javascript 专栏收录该内容

5 篇文章

订阅专栏

通过滚动条位置触发的广告展示逻辑，结合JavaScript实现动态调整广告位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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:22px;POSITION:absolute;TOP:69px;'><a href='广告链接地址' target='_blank'><img border=0 src='image/face.gif'><br><a href=JavaScript:; onclick=\"lovexin12.style.visibility='hidden'\"><img border=0 src='image/close.gif'></a></div>"
suspendcode14="<DIV id=\"lovexin14\" style='right:22px;POSITION:absolute;TOP:69px;'><a href='广告链接地址' target='_blank'><img border=0 src='image/face.gif'><br><a href=JavaScript:; onclick=\"lovexin14.style.display = 'none'\"><img border=0 src='image/close.gif'></div>"
document.write(suspendcode12);
document.write(suspendcode14);
window.setInterval("heartBeat()",1);