专注于互联网--专注于架构

最新标签
网站地图
文章索引
Rss订阅

首页 »Asp教程 » 无缝滚动代码:无缝滚动代码(测试成功) »正文

无缝滚动代码:无缝滚动代码(测试成功)

来源: 发布时间:星期四, 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

相关文章

读者评论

发表评论

  • 昵称:
  • 内容: