zoukankan      html  css  js  c++  java
  • div内容滚动,无缝滚动

      

    function startmarquee(lh, speed, delay) {
            var t;
            var oHeight = 373; /** div的高度 **/
            var p = false;
            var o = document.getElementById("comList");
            var preTop = 0;
            o.scrollTop = 0;
            function start() {
                t = setInterval(scrolling, speed);
                o.scrollTop += 1;
            }
            function scrolling() {
                if (o.scrollTop % lh != 0 && o.scrollTop % (o.scrollHeight - oHeight - 1) != 0) {
                    preTop = o.scrollTop;
                    o.scrollTop += 1;
                    if (preTop >= o.scrollHeight || preTop == o.scrollTop) {
                        o.scrollTop = 0;
                    }
                } else {
                    clearInterval(t);
                    setTimeout(start, delay);
                }
            }
            setTimeout(start, delay);

            o.onmouseover = function () {
                clearInterval(t);
            }
            o.onmouseout = function () {
                start();
            }
        }
        startmarquee(20, 40, 0);//一次滚动的高度,速度,停顿的时间秒

  • 相关阅读:
    【Python】列表推导式
    【产品吐槽】阿里云堡垒机,没有那么优秀
    python之路第五天
    python之路第四天
    python之路第三天
    python之路第二天
    python之路第一天
    Flink中Periodic水印和Punctuated水印实现原理(源码分析)
    Flink的Job启动JobManager端(源码分析)
    Flink的Job启动Driver端(源码分析)
  • 原文地址:https://www.cnblogs.com/gylspx/p/4140266.html
Copyright © 2011-2022 走看看