您的位置:首页 > Web前端 > JavaScript

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: