文字间歇性停顿的滚动效果

一些企业网站的新闻经常用一条，间歇性停顿滚动，这样的效果网上很多，有用jQuery的，也有原生态js的。这里用个原生态的。留作备用。

<div style=”margin-top:30px;padding:10px;background:url(img/bg2.gif) bottom repeat-x”>
<div style=”overflow:hidden;height:22px;line-height:22px;font-size:14px” id=”marqueebox”>
早上好!<br />
工作中，请勿打扰！<br>
外出，不在座位上！<br>
接电话中请稍候！<br>
午餐休息中，请稍候！<br>
下午的时间很重要<br>
天气有变化<br>
下班了，明天见！<br>
早上好!<br />
工作中，请勿打扰！<br>
外出，不在座位上！<br>
接电话中请稍候！<br>
午餐休息中，请稍候！<br>
下午的时间很重要<br>
天气有变化<br>
下班了，明天见！<br>
早上好!<br />
工作中，请勿打扰！<br>
外出，不在座位上！<br>
接电话中请稍候！<br>
午餐休息中，请稍候！<br>
下午的时间很重要<br>
天气有变化<br>
下班了，明天见！<br>
早上好!<br />
工作中，请勿打扰！<br>
外出，不在座位上！<br>
接电话中请稍候！<br>
午餐休息中，请稍候！<br>
下午的时间很重要<br>
天气有变化<br>
下班了，明天见！<br>
</div>
</div>
<script>
function startmarquee(lh,speed,delay){
var t;
var p=false;
var o=document.getElementById(“marqueebox”);
o.innerHTML+=o.innerHTML;
o.onmouseover=function(){p=true}
o.onmouseout=function(){p=false}
o.scrollTop = 0;
function start(){
t=setInterval(scrolling,speed);
if(!p) o.scrollTop += 2;
}
function scrolling(){
if(o.scrollTop%lh!=0){
o.scrollTop += 2;
if(o.scrollTop>=o.scrollHeight/2) o.scrollTop = 0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
startmarquee(22,50,2000);
</script>