在最初隐藏可见性时,使用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);

演示

你可以通过css本身将初始不透明度设置为0,这样可以产生更好的效果.随之而来的是代码简化为.

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