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

<div id=”demo” style=”overflow:hidden;height:24px; line-height:24px;width:600px; border:1px solid #666; white-space:nowrap;”>
<div id=”demo1″>
在这里添加需滚动的内容
</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>

共有 0 条评论

Top