JS不间断向上滚动代码
2012-05-30 16:22
447 查看
<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>
相关文章推荐
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS图片不间断滚动代码(向上,向下,向左,向右)
- JS向上下左右不间断无缝滚动图片代码(兼容IE火狐)
- js图片不间断滚动代码(向上,向下,向左,向右)
- JS不间断向上滚动效果代码
- JS不间断向上滚动效果代码
- JS+CSS控制图片向上无缝滚动代码
- [JS]连续向上滚动文字代码
- 基于JS实现新闻列表无缝向上滚动实例代码
- js不间断向上滚动
- JS不间断向左滚动代码
- (代码收藏)向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)
- js向上无缝滚动,网站公告效果 具体代码
- 不间断图片滚动js代码.真正兼容火狐ie
- 无缝向上滚动文字代码(Js+div),可用在公告栏
- js实现图片向上连续滚动特效代码(含注释)
- 网页中实现文字或图片向上不间断滚动的javascript代码
- JS实现单行文字不间断向上滚动的方法