轮播图

分类: 文章 • 2023-11-12 10:28:22

需求分析:
1 根据图片数量动态生成小圆点(document.createElement和appendChild)
2 点亮第一个小圆点,显示第一幅图
3 点击小圆点,点亮该小圆点,图片运动到指定图片
4 点击左箭头,看上一张图片,点亮该小圆点
5 点击右箭头,看下一张图片,点亮该小圆点
6 鼠标移入slider,轮播图停止轮播
7 鼠标移除slider,轮播图继续轮播
8 轮播图可以自动轮播