淡入淡出

debugcn 发表于 Dev

SS拉瓦特

我有一些项目的列表，我希望一个一个地淡入淡出元素，这意味着如果第一个元素完成淡入然后是下一个元素淡入等等，在我给定的代码中我不知道出什么问题了，请帮帮我。

的HTML

<ul id="ulfade"><li>ABC</li><li>ABC</li><li>ABC</li><li>ABC</li></ul>

var i=0;
$('#ulfade li:nth-child(' + i + ')').fadeIn(500, function () {
     $('#ulfade li:nth-child(' + (++i) + ')').fadeIn('slow');
});

jsFiddle：http : //jsfiddle.net/subhash9/suUHD/2/

在此处插入用户名

您可以这样解决：

$('#ulfade li').each(function(key, value) {
    $(value).delay(key * 500).fadeIn(500);
});

演示版

购买前尝试

编辑

当您更改小提琴时，以下是悬停其他元素时可以使用的解决方案：

$('#divFade').mouseover(function() {
    $('#ulfade li').each(function(key, value) {
        $(value).delay(key * 500).fadeIn(500);
    });

    $(this).unbind();
});

演示2

购买前尝试

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于2021-06-2

我来说两句

0条评论

登录后参与评论

来自分类Dev

SOX淡入淡出

来自分类Dev

从左到右淡入淡出

来自分类Dev

不断淡入淡出

来自分类Dev

SOX淡入淡出

来自分类Dev

Javascript淡入淡出

来自分类Dev

jQuery淡入淡出

来自分类Dev

jQuery淡入淡出

来自分类Dev

Android：文字淡入淡出

来自分类Dev

Android SlidingPaneLayout淡入淡出

来自分类Dev

淡入淡出每个李

来自分类Dev

背景内部淡入淡出

来自分类Dev

jQuery Jumpy淡入淡出

来自分类Dev

淡入淡出动画

来自分类Dev

Unity 16.04淡入淡出

来自分类Dev

Javascript Blockquote淡入淡出

来自分类Dev

jQuery文本淡入淡出

来自分类Dev

多个元素的淡入淡出

来自分类Dev

如何使文本淡入淡出

来自分类Dev

淡入淡出引导滑块

来自分类Dev

在 AngularsJs 中淡入淡出？

来自分类Dev

颜色叠加+淡入淡出

来自分类Dev

React-淡入淡出

来自分类Dev

淡入淡出并淡入锚定JavaScript

来自分类Dev

实现交叉淡入淡出的图像效果

来自分类Dev

Android图像淡入淡出动画

来自分类Dev

找不到成员“淡入淡出”

来自分类Dev

自适应CSS图像淡入淡出

来自分类Dev

jQuery淡入淡出内容+更改div

来自分类Dev

在WPF中淡入淡出图像

Related 相关文章

文章