Marquee(跑马灯)横向、无空白的不间断连续循环滚动代码

zzmdegm zzmdegm 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<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属性与用法,能实现无缝循环滚动文字,上下,左右都可以

ljz_761121

Vue替代marquee标签超出宽度文字横向滚动效果

主要介绍了Vue替代marquee标签超出宽度文字横向滚动效果,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

weixin_38558655

HTMl 中marquee标签实现无缝滚动跑马灯效果

标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay等,它们都是可选的。 今天在做微信端的大转盘抽奖时,想把所有用户的抽奖记录做成无缝滚动的效果,无奈我的js功底太差,一时想不出实现的方法,便百度各种相似效果。但无意中发现了一个html标签——可以实现多种滚动效果,无需js控制。使用marqu

weixin_38748740

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; } &lt;!-- 横向一定要是span --&gt; &lt;spa

weixin_38673235

【JavaScript源代码】Vue实现跑马灯样式文字横向滚动.docx

Vue实现跑马灯样式文字横向滚动   本文实例为大家分享了Vue实现跑马灯样式文字横向滚动的具体代码,供大家参考,具体内容如下  需求:  在Vue项目的顶部,来实现文字左右滚动  步骤:  1、可以自己封装一个组件,也可以自己写,也可以复制以下代码 2、封装完成以后要在所需的组件中引入,注册,并使用   代码:  封装一个专门用来实现跑马灯效果的组件marquee组件  <template>  <!-- 跑马灯组件 -->    <div class="marquee-wrap" ref="marquee-wrap">      <div class="scroll" ref="scroll

mmoo_python
评论 3
收藏 已收藏
分享
返回顶部
zzmdegm
CSS 61,117 成员 60,701 内容