<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>间断滚动</title><style>#Marquee{ height:20px; overflow:hidden;}#Marquee div{ border:1px solid #DDD3FE; background:#EEECF4; height:18px;}</style></head><body><div id="Marquee"><div style="width: 260px; height: 18px">xxxxxxxxxx</div><div style="width: 260px; height: 18px">yyyyyyyyyy</div></div><script>var Mar = document.getElementById("Marquee");var child_div=Mar.getElementsByTagName("div")var picH = 20;//移动高度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); }}οnlοad=function(){setTimeout(start,stoptime)};</script></body></html>