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

最新推荐文章于 2023-01-29 10:01:29 发布

Time，，

最新推荐文章于 2023-01-29 10:01:29 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/kaka_2014/article/details/8940853

版权


<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.οnmοuseοver=function(){clearInterval(MyMar)}
 demo.οnmοuseοut=function(){MyMar=setInterval(Marquee1,speed)}
</script>
</td>
    </tr>

</BODY>
</HTML>

Time，，

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
<marquee>aa</marquee>实现内容滚动时首尾相连，不出现空白的时候

1233333333 var speed=15; //移动速度 demo2.innerHTML=demo1.innerHTML; function Marquee1(){ if(demo2.offsetWidth-demo.scrollLeft <=0){ demo.scrollLeft-=demo
复制链接

扫一扫