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

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

Touch轮播图 实际上是通过手指滑动来切换轮播图，左右滑动来切换图片。下面我们通过一个例子来实现这一功能。

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

Touch 轮播图

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

1. html 结构

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

2. 样式初始化

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