hi， 小伙伴们，我们学习了ES6，让我们使用class封装一个基类，实现图片轮播功能，然后通过class继承，在这个基类的基础上添加其他功能，实现不同的轮播效果。具体如下：

一、语言和环境
1、实现语言
ES6
2、环境要求及开发工具
建议 : VSCode
3、代码书写规范，且有适量的注释。
二、网页整体要求
1、要求页面整洁、美观，与提供的页面效果图结构保持一致。
2、要求代码书写、命名符合规范，在代码中添加必要的注释。
3、网页文件夹管理，样式、图片等资料独立文件夹。
三、具体要求：
1、这个作业主要是考察ES6相关语法，所以我们提供了页面布局和样式，可以在“作业素材”下载使用，当然了同学也可以自己书写页面布局样式。
2、本作业主要包含以下几个不同功能的轮播图：
（1）自动切换图片。
（2）点击选项卡切换图片。
（3）点击按钮或小圆点切换图片。
3、页面效果，可以参考上面的“效果视频”，具体要实现的每项要求，以及评分可以参考下面的“评分标准”。

一、【规范】（6分）
1、js文件要放在独立文件夹中。
2、文件以及文件夹都要使用英文命名。
3、代码书写规范，且有适量的注释。

二、【自动切换图片功能】（32分）
1、图片不管有几张，当打开页面或者刷新页面时，默认显示的图片均是第一张。
2、切换到哪一张图片，该图片所对应的小圆点的样式也跟随改变。
3、点击小圆点时，它所对应的图片显示。
4、鼠标移入图片区域，停止轮播。
5、鼠标移出图片区域，恢复自动轮播。
6、图片每隔1s切换一次。

二、【点击选项卡切换图片功能】（12分）
1、图片不管有几张，当打开页面或者刷新页面时，默认显示第一张图片，且对应的第一个选项卡设置激活样式（背景颜色为#0058AA，字体颜色为白色）。
2、当点击选项卡时，它所对应的图片显示。
3、被点击的选项卡背景颜色为#0058AA，字体颜色为白色。

三、【点击按钮或小圆点切换图片】（50分）
1、图片不管有几张，当打开页面或者刷新页面时，默认都是显示第二张图片，且对应的小圆点设置特殊样式。
2、图片一开始是没有自动轮播的，鼠标移出图片区域时，才开启自动轮播；鼠标移入图片区域，停止自动轮播。
3、左右按钮默认是隐藏的，鼠标移入图片区域时，按钮显示，移出时，按钮隐藏。
4、点击左边按钮，切换到上一张图片，对应的小圆点的样式要跟着改变。
5、当显示第一张图片时，再次点击左边按钮，会切换到最后一张图片。
6、点击右边按钮，切换到下一张图片，对应的小圆点的样式要跟着改变。
7、当显示最后一张图片时，再次点击右边按钮，会切换到第一张图片。
8、点击小圆点时，它所对应的图片显示。
9、图片每隔1s切换一次。