使用Javascript和jQuery顺序加载淡入淡出效果

Question

我最近找到了一个网站，我想复制加载fadeIn效果。

You can see it here

页面的加载和淡入非常好，因为并非一切都在同时消失。它遵循我认为的顺序。

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

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

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

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

Answer 1

为了淡入某些东西 - 它首先必须是隐形的。 确保添加以下css：

.fade {
   display: none;   
}