JS實現div自動滾動

來源:互聯網
上載者:User
用JS實現div的自動滾動。代碼如下:

1<div id="show" style="overflow:hidden;height:210px;"> 
2</div> 
3<script> 
4function startmarquee(lh,speed,delay){  
5  var t;  
6  var oHeight = 210; /**//** div的高度 **/ 
7  var p=false; 
8  var o=document.getElementById("show");  
9  var preTop = 0; 
10  o.scrollTop = 0;  
11  function start(){  
12    t=setInterval(scrolling,speed);  
13    o.scrollTop += 1;  
14  }  
15  function scrolling(){  
16    if(o.scrollTop%lh!=0 && o.scrollTop%(o.scrollHeight-oHeight-1)!=0){ 
17      preTop = o.scrollTop; 
18      o.scrollTop+=1; 
19      if(preTop >= o.scrollHeight || preTop==o.scrollTop){ 
20        o.scrollTop = 0; 
21      } 
22    }else{ 
23      clearInterval(t);  
24      setTimeout(start,delay);  
25    } 
26  }  
27  setTimeout(start,delay);  
28}  
29startmarquee(20,20,1500);  
30/**//**startmarquee(一次滾動高度,速度,停留時間);**/  
31</script> 
32

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.