jquery - 逐个淡出多个元素

标签 jquery fadein

是否有任何可能的解决方案来fadeIn(500)一个接一个地淡入(500)多个列表元素?

<ul id="list">
 <li>test</li>
 <li>test</li>
 <li>test</li>
 <li>test</li>
 <li>test</li>
</ul>

最佳答案

你可以执行一个递归函数,当没有 LI 时停止,如下所示:

function fadeLI(elem) { 
  elem.fadeIn(500, function() { fadeLI($(this).next()); }); 
}                            
fadeLI($("#list li:first")​);​

Check it out here

关于jquery - 逐个淡出多个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2546467/

相关文章:

javascript - 动态创建的元素上的事件绑定(bind)?

javascript - 从 jquery 更改事件填充 2 个下拉列表

jQuery 淡入/淡出 (a & a :hover) in a navigation menu?

c# - 如何使用 jQuery 淡入服务器控件?

css - 悬停动画时自动淡出和淡入

jQuery 淡入容器、淡出并淡入下一个容器

javascript - 按下按钮时执行 jquery 事件(按住不放)

javascript - 使用 javascript 或 jquery 对 li 元素进行排序

javascript - "this"函数不能正常工作

javascript - 使用 javascript 淡入/淡出播放/暂停音乐