最新消息:

JS图片左右无缝隙滚动(兼容IE,Firefox 遵循W3C标准)

其他技术 东方星雨 1510浏览 0评论

**兼容IE,Firefox 遵循W3C标准写法的图片无缝滚动代码(支持左移/右移功能)(本示例为上下两行图片进行双行滚动)
? **
? **实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放demo1和demo2,demo1是滚动内容,demo2为demo1的直接克隆,
? **通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的,当滚动至demo1与demo2的交界处时直接跳回初始位置,
? **因为demo1与demo2一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的。

转自:http://www.cnblogs.com/tearer/archive/2010/09/18/1830289.html

非常感谢这篇文章的作者,因为是好用的,而且也帮到我的忙,衷心的感谢 O(∩_∩)O,我是做了一点修改,把

这两行去掉了,然后在body里加上

原创文章,转载请注明: 转载自网页阁吧

本文链接地址: JS图片左右无缝隙滚动(兼容IE,Firefox 遵循W3C标准)

转载请注明:网页阁吧 » JS图片左右无缝隙滚动(兼容IE,Firefox 遵循W3C标准)

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址