无缝滚动代码:无缝滚动代码(测试成功)来源: 发布时间:星期四, 2009年2月12日 浏览:2222次 评论:0
<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{ (demo2.offTop-demo.scrollTop<=0)//当滚动至demo1和demo2交界时 demo.scrollTop-=demo1.offHeight//demo跳到最顶端 { demo.scrollTop } } var MyMar=Interval(Marquee,speed)//设置定时器 demo.onmouseover=function {clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止目 demo.onmouseout=function {MyMar=Interval(Marquee,speed)}//鼠标移开时重设定时器 </script> 备注:更改滚动方式请修改相应未知代码 demo.scrollLeft 向左滚动 demo.scrollLeft-- 向右滚动 demo.scrolltop 向上滚动 demo.scrolltop-- 向下滚动 滚动快慢请更改 var speed=30 值越大速度越慢越小越快 0
相关文章读者评论发表评论 |