Jquery 单击后将列表项一直向右移动

我已经尝试了一些jquerycarousel插件，似乎几乎所有插件都是通过单击列表左侧或右侧的箭头触发的。我想知道是否有任何方法可以让列表项在点击后一直向左摆动

<style>
     ul {
         list-style:none;
         height:20px;
         overflow:hidden;
     }
     li {
        float:left;
     }
</style>

<ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
    <li>Fourth</li>
</ul>

保险商实验室{
列表样式：无；
高度：20px；
溢出：隐藏；
}
李{
浮动：左；
}

首先
第二
第三
第四

---

因此，在点击第四个列表项时，我如何使它向左摆动，就好像它现在是列表中的第一项一样。

恐怕你的问题不清楚，但我想我会根据你的提问来解决它。我把这些放在一起，展示了（可能有点过于字面化）你的要求。我在

li

上设置了

position:relative

，在第四个

li

上设置了一类

last

$(".last").click(function(){
  $(this).animate({right: "125px"});
  $("li:nth-child(-n +3)").animate({left: "50px"});
}); 

---

一把小提琴会很有帮助的！什么意思？您所要做的就是将第四个

移动到顶部，使其现在成为第四个

第一个

等等？