asfman
android developer
posts - 90,  comments - 213,  trackbacks - 0

  <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
只有注册用户登录后才能发表评论。

<2024年11月>
272829303112
3456789
10111213141516
17181920212223
24252627282930
1234567

常用链接

留言簿(15)

随笔分类(1)

随笔档案(90)

文章分类(727)

文章档案(712)

相册

收藏夹

http://blog.csdn.net/prodigynonsense

友情链接

最新随笔

搜索

  •  

积分与排名

  • 积分 - 467650
  • 排名 - 6

最新随笔

最新评论

阅读排行榜

评论排行榜