济南做网站
<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>

 

 

posted on 2012-05-30 16:22  jkyweb  阅读(269)  评论(0编辑  收藏  举报