如何用原生JavaScript编写移动端触摸滑动轮播图？

本文共计2113个文字，预计阅读时间需要9分钟。

触摸轮播图通过手指滑动来切换轮播图，左右滑动可切换下一张。以下通过一个案例实现：

1. HTML结构在结构上，我们使用ul、li来存放轮播图图片，使用ol、li来存放轮播点。

Touch 轮播图

touch轮播图其实就是通过手指的滑动，来左右切换轮播图，下面我们通过一个案例，来实现下。

1. html 结构

结构上，还是用ul、li来存放轮播图片，ol、li来存放轮播小圆点：

2. 样式初始化

html的一些标签，都会有一些默认样式，比如body标签默认是有一个边距的，为了不影响美观，我们需要清除掉。