图片上下滚动代码使用方法

1	图片上下滚动源代码：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

<div id=demo style= "OVERFLOW: hidden; WIDTH: 200px; HEIGHT: 300px; float:right; margin:10px 15px 20px 0px;" > <div id=demo1><a href= "#"  target= "_blank" ><IMG height=150 src= "images/z.jpg"  width=200 border=0></a><BR> <BR>      <a href= "#"  target= "_blank" ><IMG height=150 src= "images/z.jpg"  width=200 border=0></a><BR>      <BR>      <a href= "#"  target= "_blank" ><IMG height=150 src= "images/z.jpg"  width=200 border=0></a><BR>      <BR>      <a href= "#"  target= "_blank" ><IMG height=150 src= "images/z.jpg"  width=200 border=0></a><BR>      <BR> </div> <div id=demo2> </div> </div> <script>     var  speed=60     demo2.innerHTML=demo1.innerHTML  //克隆demo1为demo2     function  Marquee(){ //当滚动至demo1与demo2交界时 if (demo2.offsetTop-demo.scrollTop<=0)   demo.scrollTop-=demo1.offsetHeight  //demo跳到最顶端  <span style="color:#c00000;">我觉得这段代码浏览器不兼容</span> <span style="color:#ff0000;">所以遇到有的浏览器正常滚动有的滚一下就不动 就修改这里</span> else { demo.scrollTop++     }     }     var  MyMar=setInterval(Marquee,speed) //设置定时器 //鼠标移上时清除定时器达到滚动停止的目的     demo. {clearInterval(MyMar)} //鼠标移开时重设定时器     demo. </script>

这段代码我测试了在ie6下没问题 高版本的ie浏览器下滚动一遍就开始跳动不滚动了 别的浏览器测试了也是这样

为此我把代码中间改了下 demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端  把这一行的offsetHeight  我改成了offsetstop 结果测试了 别的浏览器也能一直滚动了

 

网络此问题相关资料链接：

此代码原地址

asp文件滚动图片的问题：在ie6下运行正常，在Ie7、ie8下图片不滚动

JS里定义变量var speed但是在IE和火狐下速度不一样怎么办？

无缝不间断从下向上滚动 鼠标放上去自动停止滚动,

CSS overflow 属性

js文字带停顿不间断向上滚动

本文转自 yeybz 51CTO博客，原文链接:http://blog.51cto.com/hmlwl/1402830