网页浮动对联js【兼容ff、opera,chrome,ie】

<div id="lovexin12" style='z-index:1000;left:2px;position:absolute;top:120px;width:100px; height:250px; background-color:#e5e5e5; border:1px solid #ddd;'><A id="AdHrefleft" href="http://www.abc.org.cn/export/sites/default/main/xygg/n8683256435.html" target="_blank"> <IMG id="AdImgleft" alt="网络教学平台" width="100" height="250" src="http://www.abc.org.cn/bgy/main/images/zhaosheng_left.jpg" border="0"/> </A></div>
<div id="lovexin14" style='z-index:1000;right:2px;position:absolute;top:120px;width:100px; height:250px; background-color:#e5e5e5; border:1px solid #ddd;'><A id="AdHrefright" href="http://www.abc.org.cn/export/sites/default/main/xygg/n8683516709.html" target="_blank"> <IMG id="AdImgright" alt="" width="100" height="250" src="http://www.abc.org.cn/bgy/main/images/zhaosheng_right.jpg" border="0"/> </A></div>
<script language="JavaScript" type="text/javascript">
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*/}
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;
}
window.setInterval("heartBeat()",1);
</script>

 

posted on 2012-03-13 10:20  cnzz84  阅读(133)  评论(0编辑  收藏  举报

导航