本文介绍了如何使用JavaScript创建一个简单的轮播图，包括获取元素、注册事件、处理按钮和小圆点的点击、切换active类以及设置定时器。通过设置元素的结构和样式，结合事件监听和DOM操作，实现了轮播图的自动播放和手动切换功能。
用JavaScript写一个简单的轮播图
首先我们先设置好结构和样式
基本结构如下：
页面效果：
？思考（首先我们需要做些什么）：
- 获取元素
- 注册事件（上一张 / 下一张图片；小圆；鼠标放在wrap里时，鼠标离开weap时）
- 删除active类的函数（按钮 / 小圆）
- 添加active类的函数（按钮 / 小圆）
- 执行函数
- 定时器
- 清除定时器
以上，后面我们开始来写代码
1，获取元素
2，注册事件
这里我们把事件的执行代码封装成函数（这里mouseenter和mouseleave的鼠标事件先不考虑）
我们给每一个小圆（li）设置了一个自定义属性data-index；属性值从 0 开始，表示当前点击的小圆是哪一个小圆
扫一扫
3323
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
