图片上下滚动源代码:
<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="p_w_picpaths/z.jpg" width=200 border=0></a><BR> <BR> <a href="#" target="_blank"><IMG height=150 src="p_w_picpaths/z.jpg" width=200 border=0></a><BR> <BR> <a href="#" target="_blank"><IMG height=150 src="p_w_picpaths/z.jpg" width=200 border=0></a><BR> <BR> <a href="#" target="_blank"><IMG height=150 src="p_w_picpaths/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跳到最顶端 我觉得这段代码浏览器不兼容 所以遇到有的浏览器正常滚动有的滚一下就不动 就修改这里 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下图片不滚动
转载于:https://blog.51cto.com/hmlwl/1402830