如何让marquee文字滚动头尾相连?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何让marquee文字滚动头尾相连?相关的知识,希望对你有一定的参考价值。
<marquee style="HEIGHT: 90" scrollamount="2" direction="up" onMouseOut=this.start() onMouseOver=this.stop() Behaviour="Scroll">
<p><font color="#ff6600" size="4" >滚动文字1</font ></p >
<p><font color="#ff4500" size="4" >滚动文字2</font ></p >
<p><font color="#ff3300" size="4" >滚动文字3</font ></p >
<p><font color="#ff3300" size="4" >滚动文字4</font ></p >
<p><font color="#ff3300" size="4" >滚动文字5</font ></p >
</marquee >
滚动文字5结束之后要过好一段时间才开始滚动文字1,我希望的效果是头尾也能连接紧密一点,用js也可以,希望高手指点,我在线等。
最好是在<marquee>基础上来实现,因为我滚动字幕的窗口时一个浮动窗口,位置不固定,所以下面两个方法用不了,谢谢 !
<!--滚动开始------------------------------------------------------------------------++++++++++++++++++++++++++++++++++++++++++==-->
<div id=demoTop style="OVERFLOW: hidden; WIDTH: 300px;height:20px;">
<table width="100%" border=0 align=left cellpadding=0 cellspacing="0" cellspace="0">
<tbody>
<tr>
<td width="100%" valign=top id=demo1Top>
放需要滚动的内容(内容要比宽度300px长才能滚动)
</td>
<td valign=top id=demo2Top></td>
</tr>
</tbody>
</table>
</div>
<SCRIPT>
var speedTop=30//速度数值越大速度越慢
demo2Top.innerhtml=demo1Top.innerHTML
function MarqueeTop()
if(demo2Top.offsetWidth-demoTop.scrollLeft<=0)
demoTop.scrollLeft-=demo1Top.offsetWidth
else
demoTop.scrollLeft++
var MyMarTop=setInterval(MarqueeTop,speedTop)
demoTop.onmouseover=function() clearInterval(MyMarTop)
demoTop.onmouseout=function() MyMarTop=setInterval(MarqueeTop,speedTop)
</SCRIPT>
<!--滚动结束------------------------------------------------------------------------++++++++++++++++++++++++++++++++++++++++++==--> 参考技术A 这个必须要用脚本实现,给你个地址,自己看:http://wenku.baidu.com/view/f6782b0102020740be1e9b5e.html 参考技术B 学习
以上是关于如何让marquee文字滚动头尾相连?的主要内容,如果未能解决你的问题,请参考以下文章
如何使DIV的高度固定,当超出固定高度时,让文字自动上下循环滚动