zoukankan      html  css  js  c++  java
  • JS不间断向上滚动代码

    <style type="text/css">
       #Marquee {height:261px;overflow:hidden;}
       #Marquee li{height:40px;}
    </style>
    
    <div>
          <ul id="Marquee" style="list-style-type: none; margin: 0px; padding:0px;">
          <li><div class="kh1"><ul><li><span class="red">yxwngs说:</span>“
    	世纪装饰非常的专业,服务好,非常的好非常的好非常的好非常的好~世纪"
          </li></ul></div></li
          <li><div class="kh1"><ul><li><span class="red">yxwngs说:</span>“
    	世纪装饰非常的专业,服务好,非常的好非常的好非常的好非常的好~世纪"
          </li></ul></div></li>
          <li><div class="kh1"><ul><li><span class="red">yxwngs说:</span>“
    	世纪装饰非常的专业,服务好,非常的好非常的好非常的好非常的好~世纪"
          </li></ul></div></li>
          <li><div class="kh1"><ul><li><span class="red">yxwngs说:</span>“
    	世纪装饰非常的专业,服务好,非常的好非常的好非常的好非常的好~世纪"
          </li></ul></div></li>
          <li><div class="kh1"><ul><li><span class="red">yxwngs说:</span>“
    	世纪装饰非常的专业,服务好,非常的好非常的好非常的好非常的好~世纪"
          </li></ul></div></li>
          <li><div class="kh1"><ul><li><span class="red">yxwngs说:</span>“
    	世纪装饰非常的专业,服务好,非常的好非常的好非常的好非常的好~世纪"
          </li></ul></div></li>
          </ul>
    </div>
    
    <script type="text/javascript">
            var Mar = document.getElementById("Marquee");
            var child_div = Mar.getElementsByTagName("li")
            var picH = 90; //移动高度    
            var scrollstep = 3; //移动步幅,越大越快    
            var scrolltime = 20; //移动频度(毫秒)越大越慢    
            var stoptime = 3000; //间断时间(毫秒)    
            var tmpH = 0;
            Mar.innerHTML += Mar.innerHTML;
            function start() {
                if (tmpH < picH) {
                    tmpH += scrollstep;
                    if (tmpH > picH) tmpH = picH;
                    Mar.scrollTop = tmpH;
                    setTimeout(start, scrolltime);
                } else {
                    tmpH = 0;
                    Mar.appendChild(child_div[0]);
                    Mar.scrollTop = 0;
                    setTimeout(start, stoptime);
                }
            }
            onload = function () { setTimeout(start, stoptime) }; 
    </script>
    
  • 相关阅读:
    web.xml配置详解(转载)
    http协议无状态中的 "状态" 到底指的是什么?!(转载)
    sublime配置python运行环境
    Eclipse下载安装教程
    局域网访问文件共享了访问不了解决方法
    ThreadLocal实现线程级上下文
    Spring中ApplicationEvent和ApplicationListener封装
    MySQL根据出生日期计算年龄的五种方法比较
    常用正则
    java.lang.OutOfMemoryError: PermGen space有效解决方法
  • 原文地址:https://www.cnblogs.com/jkyweb/p/2526512.html
Copyright © 2011-2022 走看看