<table width=150 height=200 bgcolor=#E4F3D1>
<tr><td style="font-size:9pt">
<div id="demo" style="overflow:hidden;height: 200px;">
<div id="demo1">
中华人民共和国<br>
新疆维吾尔自治区<br>
广西壮族自治区<br>
内蒙古自治区<br>
宁夏回族自治区<br>
</div>
<div id="demo2" style="background:red"></div>
</div>
</td></tr>
</table>
<script language="javascript">
var speed=80; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
// tab1.innerHTML+=tab1.innerHTML;//增加长度
// tab2.innerHTML=tab1.innerHTML; //克隆demo1为demo2
var i=0;
while((tab2.offsetHeight<160)&&i<10){
tab2.innerHTML+=tab1.innerHTML;//由于只有一条时很短就不动了,增加长度
i++;
}
function Marquee(){
if(tab2.offsetTop-tab.scrollTop<=0)//当滚动至demo1与demo2交界时
tab.scrollTop-=tab1.offsetHeight //demo跳到最顶端
else{
tab.scrollTop+=1;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};//鼠标移上时清除定时器达到滚动停止的目的
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};//鼠标移开时重设定时器
</script>
posted on 2006-11-07 16:30
汪杰 阅读(281)
评论(0) 编辑 收藏 引用 所属分类:
js+dhtml