大家或许做过（照片轮播）无限滚动图片的项目，但是，如果使用普通的滚动，当到达最后一张时，便会滚动回第一张，这是一个非常不好的用户体验。下面通过本文给大家分享基于JavaScript实现带有子菜单和控件的slider轮播图效果，具体实现代码如下所示：
实现效果：
实现原理：
// 步骤 // 1. 获取事件源以及相关元素 // 2. 复制第一张图片所在的li，添加到ul的最后面 // 3. 给ol添加li，ul中的个数-1个，并点亮第一个按钮 // 4. 鼠标放到ol的li上切换图片 // 5. 添加定时器 // 6. 左右切换图片（鼠标放上去隐藏，移开显示）
实现代码：
