PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > JavaScript教程 > 正文

    js实现上下滚动代码

    作者:admin来源:B5教程网浏览:时间:2020-09-30 00:07:50我要评论
    导读: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.  

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-69-151-1.html
    相关热词搜索: 滚动代码