向左滚动的文字特效JS代码

<p>这个向左滚动的文字特效JS代码比较简洁，代码量很少，你可以扩展一下，<div id="demo1">你完全可以在这里定义图片或者图文结合等等形式，这是一个容器。</div></p>
<p>style="overflow:hidden;height:24px; line-height:24px;width:600px; border:1px solid #666; white-space:nowrap;" 这一段，向左滚动的文字特效需要这一段样式的配合，在这里宽、高、和white-space:nowrap （强制不换行）是必须的。</p>

<p><a href="http://www.51xuediannao.com" title="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,企业网页设计欣赏">懒人建站</a> http://www.51xuediannao.com 为你提供</p>
<div id="demo" style="overflow:hidden;height:24px; line-height:24px;width:600px; border:1px solid #666; white-space:nowrap;">
<div id="demo1">
<a href="http://www.51xuediannao.com" title="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,企业网页设计欣赏">懒人建站</a> http://www.51xuediannao.com 为你提供-基于jquery特效，jquery弹出层效果，js特效代码大全，JS广告代码，导航菜单代码，下拉菜单代码和jquery焦点图片代码。
</div>
<div id="demo2"></div>
</div>
<script style="text/javascript">
var speed=40;//数值越大，速度越慢
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
var demo=document.getElementById("demo");
function MarqueeLeft(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(MarqueeLeft,speed);
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(MarqueeLeft,speed);}
</script>


向左滚动的文字特效JS代码由网上购物网站大全 www.tbj01.com 供稿