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