好吧,假设我的样式表中有一个 body 元素,并且我设置了 visibility:hidden;
当页面加载时,我想使用 .fadeIn
并淡入页面缓慢。
我尝试过类似的方法,但没有成功。
$("body").css("visibility", 'visible').fadeIn("slow");
最佳答案
不要使用可见性,而是将 opacify 设置为 0,然后使用 animate 以获得最佳效果。
$("body").css("opacity", 0).animate({ opacity: 1}, 1000);
<强> Demo
你可以通过css本身将初始不透明度设置为0,这样效果会更好。这样代码就减少到了。
$("body").animate({ opacity: 1}, 1000);
关于jquery - 当可见性最初隐藏时,使用 JQuery 淡入并显示页面减慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9043031/