单边广告条随滚轮的移动往下滑

最新推荐文章于 2021-06-09 14:42:25 发布

s_mike

最新推荐文章于 2021-06-09 14:42:25 发布

阅读量747

点赞数 1

分类专栏： javascript 文章标签：广告移动 javascript html

本文链接：https://blog.csdn.net/s_mike/article/details/42082239

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<span style="font-size:18px;"><strong><span style="font-size:14px;"><html>

<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*/}

 

//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";

lastScrollY=lastScrollY+percent;

//alert(lastScrollY);

}

suspendcode12="<DIV id=\"lovexin12\"style='right:2px;POSITION:absolute;TOP:120px;'>ad1</div>"

document.write(suspendcode12);

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

</script>

<style type="text/css">

<!--

#lovexin12{

   width:120px;

   height:250px;

   background-color:#ffff00;

   border:1px solid #ddd;

}

html,body{

  height:1000px;

  }

#mm{

  height:1000px;

  }

-->

</style>

</head>

<body>

<div id="mm">

</div>

<div>

<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

</div>

</body>

</html></span></strong></span>