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>
    
  • 相关阅读:
    Linux文件系统命令 umask
    Linux文件系统命令 split
    Linux文件系统命令 touch/rm
    Linux文件系统命令 mkdir/rmdir
    Linux文件系统命令 rm
    python学习-异常处理
    python学习笔记-socket
    python学习笔记-Day7
    python学习笔记-Day6(3)
    python学习笔记-Day4(2)
  • 原文地址:https://www.cnblogs.com/jkyweb/p/2526512.html
Copyright © 2011-2022 走看看