jquery - 使用jquery自动旋转无序列表

Question

我对 jquery 很陌生，但我想做的是自动旋转列表项。例如，我下面有以下无序列表。

    <ul> 
      <li>list 1</li> 
      <li>list 2</li>
      <li>list 3</li>
      <li>list 4</li>
   </ul>

目前，我有一个jquery函数，它可以旋转列表，但只有当用户单击列表项时，是否可以使用下面相同的代码来旋转该列表，但它应该自动完成？即无需用户点击任何列表

$(function() {  
    $("li").click(function() {  
        var prev = $(this).prevAll();
    $.unique(prev).each(function(i) {
      $(this).delay(i*600).slideUp(function() {
        $(this).appendTo(this.parentNode).slideDown();
      });
    });
  });
});

Answer 1

此示例在不单击任何元素的情况下保持旋转。

function run() {
    var prev = $("#rotated li:first-child");
    $.unique(prev).each(function(i) {
      $(this).delay(i*600).slideUp(function() {
        $(this).appendTo(this.parentNode).slideDown();
      });
    });
}

window.setInterval(run,1000);
​

演示:http://jsfiddle.net/mSmbv/