原生JS实现多重选项卡切换轮播图制作

在Web前端开发的学习过程中，我们会用html, css, javascript等基础知识做一些网站的轮播动画来提升页面的颜值和交互性能，下面我们将一起学习利用html , css和Javascript等前端开发基础知识来制作一个简单的轮播图。

轮播图简介：在一个网站的某一特定模块，通过电脑上鼠标点击或鼠标移入、手机上手指滑动后，可以分别展示不同的图片，这个模块就叫做轮播模块。

---

(做的不好的地方欢迎各位大佬批评指正,感觉有帮助的同学麻烦给颗星星哦~)

html布局部分:

<div id="box">
    <div class="scenery pic">
      <img class="show" src="imgs/s2.jpg" alt="scenery">
      <img src="imgs/s3.jpg" alt="scenery">
      <img src="imgs/s1.jpg" alt="scenery">
      <img src="imgs/s5.jpg" alt="scenery">
      <img src="imgs/s4.jpg" alt="scenery">
    </div>
    <div class="car pic">
      <img src="imgs/animal4.jpg" alt="animal">
      <img src="imgs/animal3.jpg" alt="animal">
      <img src="imgs/animal2.jpg" alt="animal">
      <img src="imgs/animal1.jpg" alt="animal">
    </div>
    <div class="entertainment pic">
      <img src="imgs/entertainment1.jpg" alt="entertainment">
      &l