轮播
方法1: DOM顺序的切换
方法2: 在首图片前添加克隆元素 尾图片后添加克隆元素
题目1: 轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play())
原理:将图片水平排列,在展示的区域内显示图片,超出区域的图片隐藏
设置偏移位置,使得图片显示在区域内
注意点:多次重复点击
封装函数: playNext() //向后播放
playPre() //向前播放
setBullet() //设置点击直接跳转
题目2: 实现视频中的左右滚动无限循环轮播效果
http://js.jirengu.com/yipaloseha/1/edit?html,css,js,output
网友评论