javascript - 使用 Javascript 和 jQuery 顺序加载 fadeIn 效果

Question

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

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;   
}