首页 > 代码库 > 无缝滚动
无缝滚动
- 功能描述:
常见的图片轮播效果,包括改变图片播放滚动的方向,鼠标移入时停止播放。
- 实现效果:
- 基础知识:
物体移动基础:
利用offsetLeft和定时器让物体连续移动
复制ul里的li元素:
innerHtml和+=,并且修改ul的width属性,使增加后的li位于同一行。
滚动过界:
滚动过界的判断,以及重新设置ul的左边距
效果原理:
利用定时器和offsetLeft,不断修改ul的左边距,实现向左或向右移动的效果。
- 编码思路:
- 示例代码:
无缝滚动
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。