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

最新推荐文章于 2023-07-19 11:01:00 发布

Time，，

最新推荐文章于 2023-07-19 11:01:00 发布

阅读量528

点赞数

分类专栏： javascript

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

版权

javascript 专栏收录该内容

45 篇文章 1 订阅

订阅专栏


<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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Time，，

关注关注

0
点赞
踩
0

收藏

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

[code="java"]1233333333 var speed=15; //移动速度 demo2.innerHTML=demo1.innerHTML; function Marquee1(){ if(demo2.offsetWidth-demo....
复制链接

扫一扫