如何用JS原生代码实现多种轮播图效果？

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

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

轮播图

主要思想就是：

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

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

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

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