图片上下滚动代码使用方法
2014-04-25 14:58
281 查看
图片上下滚动源代码:
<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跳到最顶端 我觉得这段代码浏览器不兼容 所以遇到有的浏览器正常滚动有的滚一下就不动 就修改这里 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文字带停顿不间断向上滚动
相关文章推荐
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 上下左右连续滚动图片的JS代码
- 图片上下滚动代码
- 图片上下间歇滚动代码
- 使用七牛上传图片代码,导入文件常遇问题解决方法
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 网页图片上下滚动效果代码
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- HTML中让图片滚动的<marquee>标签的使用方法
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全(推荐)
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 史上最全的CSS hack方式一览 jQuery 图片轮播的代码分离 JQuery中的动画 C#中Trim()、TrimStart()、TrimEnd()的用法 marquee 标签的使用详情 js鼠标事件 js添加遮罩层 页面上通过地址栏传值时出现乱码的两种解决方法 ref和out的区别在c#中 总结
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全
- 图片连续上下滚动代码JavaScript
- 使用viewpager嵌套实现上下左右滑动切换图片(IOS双向滚动翻页效果相同)
- javascript实现图片无缝滚动(scrollLeft的使用方法介绍)
- 图片动画横条广告带上下滚动的JS代码
- 图片连续滚动代码,左右连续,上下连续不间断滚动
- 常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全