文字上下左右循环连续滚动代码，解决marquee的留白问题

dly 发表于 2011-4-22 11:39:39 | 显示全部楼层 |阅读模式

<div id=demo style="overflow:hidden; width:98%; height:192px;"> （自己调整文本框的宽度和高度，括号内的文字添加时要去掉哟，这只是注释）
<div id=demo1>
<div align="left">
（文字内容，括号内的文字添加时要去掉哟，这只是注释）
<br><br> （加换行隔开头尾距离，括号内的文字添加时要去掉哟，这只是注释）
</div>
</div>
<div id=demo2></div>
</div>
<script language="javascript">
var speed=30 （数字为调整滚动速度）
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++ （demo.scrollTop-- 为向下，demo.scrollLeft++ 为向左demo.scrollLeft++ 为向右，括号内的文字添加时要去掉哟，这只是注释）
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

复制代码