js 原生轮播图实现思路

1. 先准备好轮播图的 HTML 结构，一般是一个容器包裹若干个图片元素。
2. 通过 CSS 设置容器的大小、位置、样式等。
3. 使用 JavaScript 获取容器、图片元素等 DOM 节点。
4. 定义一个变量来记录当前显示的图片序号，初始值为 0。
5. 编写一个函数来实现图片的切换，可以通过改变图片元素的 display 属性或者改变容器的 transform 属性来实现。
6. 给容器添加鼠标移入移出事件，当鼠标移入时清除自动轮播定时器，当鼠标移出时重新启动自动轮播定时器。
7. 给容器添加左右切换按钮，点击按钮时调用切换函数，改变显示的图片序号。
8. 设置定时器，定时调用切换函数，实现自动轮播。