Jquery fadein / fadeout列表

Question

我有一个清单：

<ul class="list">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

我需要淡化/淡出所有这些<li>项目。我需要一个循环，所以当最后一个出现并消失时，第一个出现在下一个。

Answer 1

这是一个超级基本的例子：

$("#list li").hide();
var counter = $("#list li").length;

var i = setInterval(function() {
    $("#list li").eq(counter - 1).show();
    $("#list li:visible").fadeOut(2000);
    counter--;
    if (counter === 0) {
        counter = 5;
    }
}, 2000);

Click Here

Answer 2

亚历山大和迈克尔正在使用的Alternate Alternative

Answer 3

Alexander正在使用的方法的alternative。

function hideItem(i) {
   var items = $('.list li');
   if (i >= items.length) { return; }
   items.eq(i).fadeOut(1000, function() { showItem(i+1); }); 
}

function showItem(i) {
    var items = $('.list li');
    if (i >= items.length) { return; }
    items.eq(i).fadeIn(1000, function() { hideItem(i); });
};

showItem(0);