jquery - 一件一件一件地褪色？

我有一个ID为“ blog-container”的包含div，并且其中包含一组带有“ blog-item”类的子div。

我想要做的是将“博客容器”中的所有“博客项目”一个接一个地淡出，然后以相同的顺序一个接一个地淡入。

有任何想法吗？

最佳答案

jQuery的.delay method允许在效果之前添加特定的时间延迟。您可以将其与.each method结合使用，将延迟值乘以每个匹配元素的索引（live demo）：

var items = $('div#blog-container div.blog-item');

items.each(function(index, element) {
    $(element)
        .delay(index * 600)
        .fadeOut(600)
        .delay(items.length * 600)
        .fadeIn(600);
});

关于jquery - 一件一件一件地褪色？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4173295/