加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

实例教程:JS实现图片无间隙滚动代码

发布时间:2018-08-22 02:27:13 所属栏目:创业 来源:站长网
导读:烈火网(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一样,所以分不出跳动的瞬间,从而达到“无缝”滚动的目的。

    先了解一下对象的几个的属性:



提示:可修改后代码再运行!

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读