使用jquery里的.fadeIn()淡入效果让多个排列的同一类div依次淡入

一开始青衿想为文章列表添加个依次淡入的特效，但是兴高采烈的折腾完.fadeIn()后发现，整个文章列表整块同时淡入，效果不是那么的理想。众所周知，通常WordPress的文章列表循环都是用的同一个DIV。

class="posts"

class="posts"

class="posts"

class="posts"

用jQuery给列表循环的DIV加上.fadeIn()之后，大家获得的都一样，所以就一同淡入了。我们必须让选择器从第一个框开始，然后第二个框，第三个……伪极客做了多种尝试，始终无法实现。看来以伪极客现有的知识储量是无法实现了，在请教了高手之后发现一切原来是这么简单，真是“ 不积跬步无以至千里 不扎基础无以搭楼阁”

关键代码分享，扔进你的自定义js里： jQuery (function ($) { myFade ($ (".posts:first")); });

var myFade = function (posts)
{
    posts.fadeIn (\"slow\", function ()
    {
        var nextOne = $ (this).next (\'.posts\');
        if (nextOne.length > 0)
        {
            myFade (nextOne);
        }
    });
}

再根据你的项目做适当修改即可。