无缝滚动代码:无缝滚动代码（测试成功）

<div id=demo style=\"overflow:hidden;height:100;width:240;background:#4183B1;color:#ffffff\"><div id=demo1>这里放置要滚动的内容</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML//克隆demo1为demo2
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)//当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//设置定时器
demo.onmouseover=function() {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器
</script>

备注：更改滚动方式，请修改相应未知的代码

demo.scrollLeft++ 向左滚动
demo.scrollLeft-- 向右滚动
demo.scrolltop++ 向上滚动
demo.scrolltop-- 向下滚动

滚动快慢请更改
var speed=30 值越大，速度越慢，越小越快

♡ 点赞 0

☆ 收藏 0

留言区（共0条）