我最近访问了一个网站,我想复制加载淡入效果。
页面的加载和淡出效果非常好,因为并非所有内容都会同时淡入。我认为它遵循顺序。
这是我发现并假设是正确的代码:
$(window).load(function() {
$(".fade").each(function(i) {
$(this).delay(100*i).fadeIn();
});
});
我尝试将其复制到我的网站,但没有任何反应。我将 ".fade"
更改为特定于我的网站的另一个类。我在我的页面上也看不到任何错误。
怎么了?为什么不起作用?我还需要改变什么吗? 100*i
是什么意思?
最佳答案
为了让某些东西“淡入”——它首先必须是不可见的。 确保添加以下 css:
.fade {
display: none;
}
关于javascript - 使用 Javascript 和 jQuery 顺序加载 fadeIn 效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9491453/