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>
    
  • 相关阅读:
    如何通过代码设置WPF控件的字体,颜色
    WPF DataGrid 控件的运用
    WPF 动态创建 DataTemplate 及数据绑定
    WPF Grid 用 C# 代码后台设置
    C# a++ 与 ++a 的区别
    WPF 绑定以基础数据类型为集合的无字段名的数据源
    Visual Studio 快捷键
    WPF TabItem.Collapse 的问题
    C# XML 文件中的空格值问题
    C# XML文件操作
  • 原文地址:https://www.cnblogs.com/jkyweb/p/2526512.html
Copyright © 2011-2022 走看看