动一下就把第一个li apend到最后

你原来的方式没问题的，只是你判断了 test<5 但却一直把 test 加。所以把 test++ 改成 test = (test + 1) % 5 应该就行。

你是想实现无缝轮播吧。一般来说 2种思路 1.控制父容器的属性 2.控制子元素的属性 比如left，transformX margin 。先要实现无缝 也有2种思路 1.前后各多一张图片，初始化显示第2张图片
2.不多图片，初始化显示第二张图片，不过呢 用户看到的永远都是第二个位置。
可以看我去年写的一个简单的无缝轮播 简易无缝轮播

那个就是无缝轮播。

    <p  style="left: -600px;">
        <img src="image/5.jpg" alt="1"/>
        <img src="image/1.jpg" alt="1"/>
        <img src="image/2.jpg" alt="2"/>
        <img src="image/3.jpg" alt="3"/>
        <img src="image/4.jpg" alt="4"/>
        <img src="image/5.jpg" alt="5"/>
        <img src="image/1.jpg" alt="5"/>
    </p>

就像这样，在头尾各添加一个副本，再加上轮播到真正的头尾（即是我代码的第二个img和第六个img），你加上if判断，判断你的list.style就OK了