使用的向上滚动js

最新推荐文章于 2024-06-06 00:30:00 发布

FroDaniel

最新推荐文章于 2024-06-06 00:30:00 发布

阅读量519

点赞数

分类专栏： JavaScript 文章标签：公告 function div

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<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.οnmοuseοver=function() {clearInterval(MyMar)}
   demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
   </script>