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>
    
  • 相关阅读:
    解决gsoap中文乱码的问题
    30个高质量的旅游网站设计
    Windows Azure功能更新:弹性伸缩(autoscale)、监控报警、移动服务及网站服务商用、新的虚拟机镜像
    工作站服务没有启动 解决办法
    直方图与匹配
    横瓜先生关于如何利用MYSQL数据库设计CMS系统处理100亿级TB规模的数据量
    IOS设计模式学习(6)生成器
    关于页面上某些点击事件无效的问题
    lll
    android sqlite使用之模糊查询数据库数据的三种方式
  • 原文地址:https://www.cnblogs.com/jkyweb/p/2526512.html
Copyright © 2011-2022 走看看