<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>