<style>
*{padding:0;margin:0;}
#wrap li{height:30px;line-height:30px;}
</style>
<div id="wrap" style="height:30px;overflow:hidden;background:#eee" > <!-- 注意这里的高度值要匹配 -->
<ul id="box1">
<li><a href="#">1两会会谈在即陈抵台 台湾警方加强维安。(09-09:15)</a></li>
<li><a href="http://www.2ky.cn">2两会会谈在即a抵台 台湾警方加强维安。(09-09:15)</a></li>
<li><a href="#">3两会会谈在即s抵台 台湾警方加强维安。(09-09:15)</a></li>
</ul>
<ul id="box2">
</ul>
</div>
<!-- -->
<div id="cc"> </div>
<script type="text/javascript">
var $$=function(id){return document.getElementById(id);}
var start;
$$('box2').innerHTML=$$('box1').innerHTML;
function roll(){
wrap.scrollTop++;
$$('cc').innerHTML=wrap.scrollTop; //无用，纯粹做参考数值
if($$('box1').offsetHeight-wrap.scrollTop>0){ //尚未滚动到第二部分的顶部位置时
if(wrap.scrollTop%wrap.offsetHeight!=0) //
{
return(setTimeout(roll,20)); //20毫秒即递归一次
}
else{ //当滚动的累计距离达到显示域高度的倍数时
return(setTimeout(roll,2000)); //等待2秒才递归调用
}
}
else{
setTimeout("$$('wrap').scrollTop=0;roll()",2000);
}
}
setTimeout(roll,2000)
</script>
福建,厦门,集美区
