JS实现轮播
JS实现轮播
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
开发工具与关键技术： Dreamweaver /JS
作者：戴伟雄
撰写时间：2019年1月31日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
今天我们通过js来实现一个小轮播
下面是HTML部分一个大div里面三个小div分别是图片、左右按钮、小圆按钮
这里是css部分设置了相关样式
下边是js部分
定义了一些变量、通过一些方法获取相关元素、给左右按钮和小圆点都一个点击事件、进行一些判断、设置自动播放、高亮效果设置
这样一个小小的轮播就完成咯