顺序加载淡入淡出使用JavaScript和jQuery

Question

我最近遇到了一个网站，我想复制加载淡入效果。

You can see it here

加载和页面的衰落是非常好的，因为不是所有在同一时间消失英寸它遵循我认为的顺序。

这是我发现的，并假定是正确的代码代码：

$(window).load(function() { 
    $(".fade").each(function(i) { 
    $(this).delay(100*i).fadeIn(); 
    }); 
}); 

我试图在这个复制到我的网站，但它也没做。我将".fade"更改为特定于我的网站的另一个类。我也看不到我的网页上有任何错误。

怎么了？为什么它不起作用？还有什么我需要改变？ 100*i是什么意思？

Answer 1

为了淡化'in' - 它首先必须是隐形的。 请确保您添加以下css：

.fade { 
    display: none; 
}