使用的向上滚动js

来源:互联网 发布:spark python 例子 编辑:程序博客网 时间:2024/05/01 10:05

 <div id=demo style=overflow:hidden;height:100;width:50;background:#f4f4f4;color:#ffffff><div id=demo1>
<span style="color:Red">公告1</span>
<span style="color:Red">公告2</span>
<span style="color:Red">公告3</span>
<span style="color:Red">公告4</span>
<span style="color:Red">公告5</span>
<span style="color:Red">公告6</span>
<span style="color:Red">公告7</span>
 </div>
<div id=demo2></div>
</div>
   <script>
   var speed=50
   demo2.innerHTML=demo1.innerHTML
   function Marquee(){
   if(demo2.offsetTop-demo.scrollTop<=0)
   demo.scrollTop-=demo1.offsetHeight
   else{
   demo.scrollTop++
   }
   }
   var MyMar=setInterval(Marquee,speed)
   demo.onmouseover=function() {clearInterval(MyMar)}
   demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
   </script>