Marquee(跑马灯)横向、无空白的不间断连续循环滚动代码
<HTML>
<HEAD>
</HEAD>
<BODY>
<table width="760" align="center" border="1" >
<tr>
<td align="center">
<div id=demo style='overflow:hidden;height:110px;width:750px;'>
<table height=110 border=0 cellspacing=0 cellpadding=0>
<tr>
<td id=demo1>
<!-- 下面是你要显示的内容 -->
<table width=780>
<tr>
<td>第一</td>
<td>第二</td>
<td>文章标题</td>
<td>最牛交通工具<br>添 加:<br>更新时间:2004年10月9日'</td>
<td>经典动物幽默图集<br>添 加:<br>更新时间:2004年10月7日'</td>
<td>新化二中<br>添 加:<br>更新时间:2004年10月7日'</td>
</tr>
</table>
<!-- 显示的内容结束! -->
</td>
<td id=demo2></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<script>
var speed=15
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
</td>
</tr>
</table>
</BODY>
</HTML>
相关推荐
利用Marquee实现无缝循环滚动文字
MARQUEE属性与用法,能实现无缝循环滚动文字,上下,左右都可以
Vue替代marquee标签超出宽度文字横向滚动效果
主要介绍了Vue替代marquee标签超出宽度文字横向滚动效果,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
HTMl 中marquee标签实现无缝滚动跑马灯效果
标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。 今天在做微信端的大转盘抽奖时,想把所有用户的抽奖记录做成无缝滚动的效果,无奈我的js功底太差,一时想不出实现的方法,便百度各种相似效果。但无意中发现了一个html标签——可以实现多种滚动效果,无需js控制。使用marqu
JS实现无缝循环marquee滚动效果
无缝循环marquee滚动JS代码实现,兼容IE, FireFox, Chrome,供大家参考,具体内容如下 首先是CSS和HTML如下: #marquee_zxd { border: 1px solid red; white-space: nowrap; overflow: hidden; width: 500px; padding-top: 5px; } #marquee_zxd img { height: 100px; } <!-- 横向一定要是span --> <spa
【JavaScript源代码】Vue实现跑马灯样式文字横向滚动.docx
Vue实现跑马灯样式文字横向滚动 本文实例为大家分享了Vue实现跑马灯样式文字横向滚动的具体代码,供大家参考,具体内容如下 需求: 在Vue项目的顶部,来实现文字左右滚动 步骤: 1、可以自己封装一个组件,也可以自己写,也可以复制以下代码 2、封装完成以后要在所需的组件中引入,注册,并使用 代码: 封装一个专门用来实现跑马灯效果的组件marquee组件 <template> <!-- 跑马灯组件 --> <div class="marquee-wrap" ref="marquee-wrap"> <div class="scroll" ref="scroll


