如何用JS原生代码实现多种风格的轮播图功能？

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

轮播图+主要思想如下：在宽敞的容器中，放置一个非常长的表，表是容器宽度的整数倍。然后，通过修改列表样式的left属性来实现左右滑动。目前，控制滑动有五张图片，但在HTML中使用标签。

轮播图

主要思想就是：

在大的容器里，装着一个很长的表，表是容器宽度的整数倍。

然后通过更改列表样式里的left属性来实现左右滑动。

本文旨在控制滑动五张图片，但在html中使用了七张图片，第一张和最后一张是有重复的，至于原因会在下面解释。

通过给容器设定overflow:hidden属性来保证只显示容器视口大小的一张图片。