jquery - 当可见性最初隐藏时，使用 JQuery 淡入并显示页面减慢

Question

好吧，假设我的样式表中有一个 body 元素，并且我设置了 visibility:hidden; 当页面加载时，我想使用 .fadeIn 并淡入页面缓慢。

我尝试过类似的方法，但没有成功。

$("body").css("visibility", 'visible').fadeIn("slow");

Answer 1

不要使用可见性，而是将 opacify 设置为 0，然后使用 animate 以获得最佳效果。

$("body").css("opacity", 0).animate({ opacity: 1}, 1000);

<强> Demo

你可以通过css本身将初始不透明度设置为0，这样效果会更好。这样代码就减少到了。

$("body").animate({ opacity: 1}, 1000);