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

  • 相关阅读:
    [rabbitmq] python版本(二) 工作队列
    [rabbitmq] python版本(一)HelloWorld
    rabbitmq安装上手
    leetcode1 两数之和
    mybatis学习笔记(一)入门上手
    神经网络简介
    hexo+github pages搭建个人博客
    简单RTSCamera实现
    数据结构复习:树
    LINQ
  • 原文地址:https://www.cnblogs.com/gylspx/p/4140266.html
Copyright © 2011-2022 走看看