使用jquery按顺序淡入链接？

我想知道如何一次一个地淡入我的链接。我可以把它们全部淡入淡出，但我只想一次一个。我甚至想让它们一次一个从另一个滑出，但我明白这很难。至少对我来说，我可以开始写作了。这只是我处理导航的代码的摘录

.delay（）

函数在同一元素上的下一个动画之前创建一个延迟。尝试改用

setTimeout（）

：

演示：

请注意，如果你给你的

ul

一个id，你可以说：

$("#idOfUL li").each(...

…而不必列出所有li元素的ID。

函数在同一元素上的下一个动画之前创建延迟。尝试改用

setTimeout（）

：

演示：

请注意，如果你给你的

ul

一个id，你可以说：

$("#idOfUL li").each(...

…不必列出所有li元素的ID。

您还可以执行以下操作：

(function fadeLink($){
    $.eq(0).fadeTo("slow", 1, function(){
        ($=$.slice(1)).length && fadeLink($);
    });
})($('ul > li'));

演示：

您还可以执行以下操作：

(function fadeLink($){
    $.eq(0).fadeTo("slow", 1, function(){
        ($=$.slice(1)).length && fadeLink($);
    });
})($('ul > li'));

---

演示：

这里有一个简单的解决方案

var i = 0, // a counter
    $ul = $('ul'), // save a reference to your ul
    l = $('li', $ul).length, // count the list items
    timer = setInterval(function(){
        if (i === l) clearInterval(timer); // Stop the timer if we've faded all elements in
        $('li', $ul).eq(i).animate({opacity:1}, 160);
        i++; // increment counter
}, 200); // run the function in the setInterval once every 200ms

---

这是一个简单的解决方案

var i = 0, // a counter
    $ul = $('ul'), // save a reference to your ul
    l = $('li', $ul).length, // count the list items
    timer = setInterval(function(){
        if (i === l) clearInterval(timer); // Stop the timer if we've faded all elements in
        $('li', $ul).eq(i).animate({opacity:1}, 160);
        i++; // increment counter
}, 200); // run the function in the setInterval once every 200ms

---

这里有一个。

我想我可以使用每个版本，我尝试了两个版本，但我觉得没有用。谢谢！我认为对于这种动画，

setInterval（）

比

setTimeout（）

好@Mysteryos-我的小提琴对我来说很好用，无论是在我笔记本电脑上的Chrome还是在我手机上的Miren上。@JezenThomas-我觉得这个链接并不完全令人信服。我发现使用setInterval几乎总是会产生更混乱的代码，历史上，如果您切换到另一个浏览器选项卡并随后返回，则某些浏览器无法很好地处理它。我认为我可以使用每个选项卡，我尝试了几个版本，但认为它不能以这种方式工作。谢谢！我认为对于这种动画，

setInterval（）

比

setTimeout（）

好@Mysteryos-我的小提琴对我来说很好用，无论是在我笔记本电脑上的Chrome还是在我手机上的Miren上。@JezenThomas-我觉得这个链接并不完全令人信服。我发现使用setInterval几乎总是会产生更混乱的代码，而且历史上，如果您切换到另一个浏览器选项卡并随后返回，某些浏览器无法很好地处理它。这是非常有效的。我自己永远也不会得到这么短的代码。LOL编程不是高尔夫比赛。这个解决方案是复杂的。它肯定是复杂的，但是它结构良好，工作非常好，也节省了空间。这是非常有效的。我自己永远也不会得到这么短的代码。LOL编程不是高尔夫比赛。这个解决方案是复杂的。它肯定是复杂的，但是它结构良好，效果很好，也节省了空间。