ul布局图片→罗列覆盖→JS设置效果

第一步 布局

第二步 CSS样式

让li标签子绝父相定位，并设置除了第一张图片外，其他图透明度为0，这样只能显示第一张图 并设置过渡属性

第三步 JS 设置右按钮

1.0 得到所有的li节点数组

1.1 定义一个全局变量 idx 表示当前显示第几张图片； var idx=0 1.2 设置右按钮点击事件,一共5张图片，idx从0开始，第5张图就是idx=4，当点到第5张图idx再往上加的时候，跳会第一张图

注意：点击事件中，语句的前后顺序不能错，先写前一张图 然后变量 然后if语句 然后后一张图

2.1 复制粘贴右按钮 设置 左按钮事件，当在第一张图左按钮时，跳到第5张图，也就是 如果idx小于0的时候，让idx=4

3 函数节流上锁，以右按钮为例子，左按钮复制粘贴