JS实现轮播

                                                             JS实现轮播

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： Dreamweaver /JS

作者：戴伟雄

撰写时间：2019年1月31日

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

今天我们通过js来实现一个小轮播

下面是HTML部分一个大div里面三个小div分别是图片、左右按钮、小圆按钮

这里是css部分设置了相关样式

下边是js部分

定义了一些变量、通过一些方法获取相关元素、给左右按钮和小圆点都一个点击事件、进行一些判断、设置自动播放、高亮效果设置

这样一个小小的轮播就完成咯