图片无缝滚动(div+css)
2007-04-04 14:48
225 查看
想必大家都注意到<marquee>的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出<marquee>,不管怎么做,都略显麻烦。下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的。 http://hi.baidu.com/cnaspnet/blog/item/52e40c46fcb6af096b63e5bc.html(转自网络)
相关文章推荐
- DIV+CSS+JS实现图片<ul><li></li></ul>无缝滚动代码
- 图片无缝滚动代码(DIV+CSS+JavaScript)
- 图片无缝滚动代码(DIV+CSS+JavaScript)
- DIV+CSS+JS实现图片<ul><li></li></ul>无缝滚动代码
- 几个div+css图片滚动显示的代码
- div+css的图片滚动效果
- Div+CSS无缝滚动终极版
- CSS+Div图片横向滚动代码
- div图片水平垂直居中不随滚动条滚动的CSS代码(兼容IE8+)
- 图片无缝无间隙滚动代码 DIV+script
- DIV的图片无缝滚动
- Jquery+css实现图片无缝滚动轮播
- div+css+javascript 实现无缝滚动,marquee无缝滚动,无缝滚动,兼容firefox
- 几个div+css图片滚动显示的代码
- div+css布局的图片连续滚动js实现代码
- css+div图片滚动效果
- JS+CSS控制图片向上无缝滚动代码
- 图片横向不间断滚动代码(div+css)
- 一款JS+CSS实现的无缝平滑图片滚动代码
- 图片无缝无间隙滚动代码 DIV+script