实例教程：JS实现图片无间隙滚动代码
发布时间：2018-08-21 06:42:50 所属栏目：模式 来源：站长网
导读：烈火网(LieHuo.Net)教程 最近要做一个首页图片无间隙的滚动的效果,原先准备用marquee来做,但是marquee循环滚动时有间隙.在网上找了下。 这个相对简单,实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2， demo1是滚动内容,de
|
烈火网(LieHuo.Net)教程 最近要做一个首页图片无间隙的滚动的效果,原先准备用marquee来做,但是<marquee>循环滚动时有间隙.在网上找了下。 这个相对简单,实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2， demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。 先了解一下对象的几个的属性：
（编辑：威海站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |