<marquee>aa</marquee>实现内容滚动时首尾相连，不出现空白的时候

Time，，

于 2012-11-15 17:03:27 发布

阅读量640

点赞数

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/kaka_2014/article/details/84356965

版权

javascript 专栏收录该内容

45 篇文章

订阅专栏


<HTML>
<HEAD>
</HEAD>
<BODY>


<div id=demo style='overflow:hidden;height:32px;width:809px;'>
<table height='' border=1 cellspacing=0 cellpadding=0>
<td id=demo1>
<!--   下面是你要显示的内容   -->
<table width=809>
<tr>
<td>1</td><td>2</td><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td><td>3</td>
</tr>
</table>
            <!--   显示的内容结束！   -->
</td>
<td id=demo2></td>

</table>
</div>


<script>

 var speed=15; //移动速度
 demo2.innerHTML=demo1.innerHTML;
 function Marquee1(){
    if(demo2.offsetWidth-demo.scrollLeft <=0){
		demo.scrollLeft-=demo2.offsetWidth;
	}else{
		demo.scrollLeft++;
    }
 }
 var MyMar=setInterval(Marquee1,speed);
 demo.onmouseover=function(){clearInterval(MyMar)}
 demo.onmouseout=function(){MyMar=setInterval(Marquee1,speed)}
</script>
</td>
    </tr>

</BODY>
</HTML>