标准网页两侧浮动广告代码,支持FF及IE

最新推荐文章于 2025-05-02 13:54:35 发布

系统信息

最新推荐文章于 2025-05-02 13:54:35 发布

阅读量5.2k

点赞数

分类专栏：前台技术文章标签： xhtml javascript firefox border function div

前台技术专栏收录该内容

95 篇文章

订阅专栏

本文提供了一段支持IE、Firefox等浏览器的网页两侧浮动广告代码，并解释了其工作原理及关键实现步骤。

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

点击这里使用RSS订阅本Blog： rel="alternate" href="http://feed.feedsky.com/softwave" type="application/rss+xml" title="RSS 2.0" /> 网页两侧浮动广告代码经测试支持IE、Firefox等浏览器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>符合标准的正常工作的对联广告</title>

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:120px;'>ad1</div>"

suspendcode14="<div id=/"lovexin14/" style='right:2px;position:absolute;top:120px;'>ad2</div>"

document.write(suspendcode12);

document.write(suspendcode14);

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

</script>

<!--

html,body{height:1000px;}

#lovexin12,#lovexin14{width:120px; height:250px; background-color:#e5e5e5; border:1px solid #ddd;}

#mm{height:1000px;}

-->

</style>

</head>

<body>

</div>

</body>

</html>

摘自【http://bbs.blueidea.com/thread-2865874-1-1.html】