Question

js文字由左向右无间断滚动效果

文字由左向右无间断滚动怎么做？越简单越好 鼠标放上去停止 离开继续滚动中间不要断 也不要调屏

Answer 1

<script type="text/javascript">
var speed=30;
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>
demo的css一定要设定width和overflow:hidden
<div id="demo">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<div id="demo1">
<table width="1000" height="172" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
文字放这里
</td>
</tr>
</table>
</div>
</td>
<td>
<div id="demo2"></div>
</td>
</tr>
</table>
</div>
原理demo2复制demo1然后连成一行，demo1滚动完滚动demo2因为内容一样所以看不出来，demo2滚动完滚动demo1

Answer 2

<marquee id="mymarquee" onmouseover="mymarquee.stop()" onmouseout="mymarquee.start()" scrollAmount="1" scrollDelay="50" behavior="scroll" width="100%" height="80">
测试 测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试
</marquee>