指引网

当前位置: 主页 > 网页制作 > JavaScript >

js实现上下滚动代码

来源:网络 作者:佚名 点击: 时间:2017-08-07 22:21
[摘要] js实现上下滚动代码,网站常用代码,站长推荐学习。
js实现上下滚动代码,网站常用代码,站长推荐学习。
 
复制代码代码如下:
  1. window.onload = function()
  2. {
  3.     oMarquee = document.getElementById("mq");     // 滚动对象
  4.     oMarquee.innerHTML += oMarquee.innerHTML;
  5.  
  6.     window.setTimeout("run()", 2000);
  7. }
  8.  
  9. var oMarquee;
  10. var iScrollAmount = 1;
  11. function run()
  12. {
  13.     oMarquee.scrollTop += iScrollAmount;
  14.     if (oMarquee.scrollTop == oMarquee.firstChild.clientHeight)
  15.     {
  16.         oMarquee.scrollTop = 0;
  17.     }
  18.     
  19.     if (oMarquee.scrollTop % 25 == 0) {
  20.         window.setTimeout("run()", 2000);
  21.     } else {
  22.         window.setTimeout("run()", 50);
  23.     }
  24. }
  25.  
  26. </script>
  27.  

------分隔线----------------------------