![f50f7be1c440ec60820b8f0cef719d0c.png](https://img-blog.csdnimg.cn/img_convert/f50f7be1c440ec60820b8f0cef719d0c.png)
第一种:
这个是之前写的,比较草率,没有注释,如果这个看不懂就去看第二个,比较仔细,主要是了解他,后面都会有一些插件来使用,很方便,只要几行代码就可写出各种各样的代码,所以,不懂的话,不要太在意,
![d239b74a3fe56975f149b4552c37dede.png](https://img-blog.csdnimg.cn/img_convert/d239b74a3fe56975f149b4552c37dede.png)
第二种:
这个是最近刚写的,所以比较仔细,尽量多看看这个,跟步骤结合起来应该是能看懂的:
轮播图要实现的步骤和效果
1,显示和隐藏左右按钮
(1),鼠标移入,左右按钮显示
(2),鼠标离开,左右箭头隐藏
2,动态生成小圆点
(1)获取所有图片
(2)循环
(1),创建新的li
(2),把li添加到ol中
(3),给新的li设置索引号(自定义属性)
(4),给新的li注册点击事件
3,单击小圆点,小圆点呈现选中白色