实现移动端轮播图主要用到了setInterval（），transitionend事件和touchstart事件，touchmove事件，touchend事件。
核心思想：
（1）ul进行绝对定位，利用CSS中的transform属性实现轮播
（2）为ul添加过渡效果
（3）在第一张图片前面添加最后一张图片，防止在第一张图片左滑时出现空白。
（4）在最后一张图片后面添加第一张图片，当图片滚动到最后添加的图片时，移除过渡类，快速切回第一张图片。
值得一提的是，设定了一个变量flag，用于避免手指只是点击屏幕时，初始状态为false,触摸屏幕并移动后flag被设为true。
主要功能如下：
1.自动循环播放
2.点击左右按钮，可切换至相对应的图片
3.点击小圆圈可切换至对应的图片，并且小圈随着图片的切换变色
完整代码：
HTML与CSS：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scal
最低0.47元/天 解锁文章
252
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
