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);//一次滚动的高度,速度,停顿的时间秒

  • 相关阅读:
    让文字在标签li的底部
    根据不同的浏览器对不同元素进行css调整
    根据ie浏览器不同的类别选择不同的css
    ASP流程控制语句
    asp动态生成google的sitemap地图的代码
    glusterfs 思维导图
    利用saltstack管理边缘计算节点
    ACK EDGE 实战
    /dev/shm 容器下调优
    MySQL DBA 001
  • 原文地址:https://www.cnblogs.com/gylspx/p/4140266.html
Copyright © 2011-2022 走看看