Javascript 是否在页面最初加载时执行淡入？_Javascript_Jquery_Debugging_Implementation_Fadein

Javascript 是否在页面最初加载时执行淡入？

javascript jquery debugging

Javascript 是否在页面最初加载时执行淡入？,javascript,jquery,debugging,implementation,fadein,Javascript,Jquery,Debugging,Implementation,Fadein,我正在编写一些jQuery代码来应用页面转换。我希望jQuery代码基本上应用页面的淡入效果，如下所示： $("body").css("display", "none"); $("body")().fadeIn(400); 一旦页面加载，页面将重新加载，然后执行指示的淡入效果，但我希望从一开始就对整个网页进行淡入效果并尝试： $（文档）.load（函数（）{ 但是，这不起作用。我也尝试了此代码，但无效： $("body").load().css("display", "none"); $("

我正在编写一些jQuery代码来应用页面转换。我希望jQuery代码基本上应用页面的淡入效果，如下所示：

$("body").css("display", "none");
$("body")().fadeIn(400);

一旦页面加载，页面将重新加载，然后执行指示的淡入效果，但我希望从一开始就对整个网页进行淡入效果并尝试：

$（文档）.load（函数（）{

但是，这不起作用。我也尝试了此代码，但无效：

$("body").load().css("display", "none");
$("body").load().fadeIn(400);

我的代码块中是否存在任何可以纠正以应用所需行为的可见错误，或者社区是否可以指导我找到一个指南，该指南演示了如何正确实现我的目标？

您可以将其放入

.css

文件中-

body { display:none; }

或者甚至像这样将其内联放置-

<body style="display:none;" >

浏览器将首先根据您的

css

文件呈现HTML。因此，当浏览器呈现

标记时，它将看到一条css规则，规定其

display

属性必须设置为

none

。只有在所有HMTL加载并且jQuery准备就绪（
$（document）.ready（）
）然后您可以调用您的
fadeIn（）
；
您可以使用CSS将整个页面设置为不可见或隐藏：

body { display: none; }
或：
您可以在
中将其设置为内联CSS。然后在jQuery中，您可以使其在加载后淡入

// $("body")().fadeIn(400); // this is incorrect, try with: $('body').fadeIn(400);
这意味着：

$("body").css("display", "none"); $(window).load(function(){ // use "window" $('body').fadeIn(400); });
或者您可以尝试直接从CSS设置
display:none；
（取决于您的需要）

应该在窗口上使用加载，而不是在DOM上使用加载
尝试：
为了进一步解释，请尝试

// $("body")().fadeIn(400); // this is incorrect, try with: $('body').fadeIn(400);

$("body").css("display", "none"); $(window).load(function(){ // use "window" $('body').fadeIn(400); });

body{ display:none; }

$(window).load(function(){ $("body").css("display", "none"); $("body").fadeIn(400); })