移动端网页特效移动端轮播图

触屏事件

移动端浏览器兼容性较好，无需考虑JS兼容问题，但是移动端也有自己独特之处，比如触屏事件touch （也称触摸事件）Android和IOS都有

touch对象代表一个触摸点 ，触屏事件可响应用户手指（或触控笔）对屏幕或触控板操作

 触摸事件对象（TouchEvent）

TouchEvent描述手指在触摸平面的状态变化的事件，用于描述一个或多个触点，使开发者可以检测触点的移动，触点的增加和减少

移动端轮播图

移动端轮播图功能和PC端基本一致

1. 可以自动播放图片
2. 手指可以拖动播放轮播图

功能实现

一、自动播放功能

1. 开启定时器
2. 移动端移动，使用translate
3. 要想图片优雅的移动，添加过渡

二、无缝滚动

1. 我们判断条件要等到图片滚动完再去判断，就是过渡完之后
2. 此时需要添加检测过渡完成事件 transitionend
3. 判断条件：如果索引号等于最后一张图片，此时索引号复原为0
4. 此时