五图轮播案例

1. 首先我们创建一个HTML文件从外部引入css样式
   
   2. 在HTML文件中将轮播的源代码打出，如下图
   
   3. 之后在将轮播的小按钮源代码打出，如下图
   
   4. 用a标签来作为轮播左右切换的箭头
   
   5. css中当内容溢出框，超出部分隐藏，利用的代码为overflow:hidden(超出部分隐藏)
   
   
   
   6. 在js中设置左右箭头点击切换图片，如下图
   
   
   
   7. 在JS中设置轮播自动播放，如下图
   
   
   
   8. 在JS中设置鼠标移入container容器时停止自动播放，如下图
   
   
   
   9. 在JS中设置鼠标移出container容器时自动播放，如下图
   
   
   
   10.在JS中设置let声明变量只在所在区域函数部分有效，如下图

11.如此，轮播效果完成

标签：五图,源代码,轮播,如下,案例,设置,自动播放,JS
来源： https://blog.csdn.net/WENROUbalance/article/details/120705986