Jquery 淡入/淡出列表

Question

我有一个 list :

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

我需要淡入/淡出所有这些 <li>项目。我需要一个循环，因此当最后一个出现并消失时，接下来会出现第一个。

Answer 1

这是一个 super 基本的示例:

$("#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