Jquery 简单页面淡入

我使用了我在这里找到的一小部分代码，在整个页面中逐渐消失。我使用的代码是

剧本

<!-- ꜜꜜ page load ꜜꜜ -->
 <script> 
    $(document).ready(function() {
        $('#p-load').fadeIn();
    });
 </script>

我遇到的问题是，脚本看起来好像从未运行过。我有一个额外的脚本在这个p-load之后，这可能与它有关吗

我仍然在学习脚本，我仍然感到困惑。我知道脚本在页面上按顺序运行，因此我将p-load脚本定位在页面上第二个脚本的上方。在这里，脚本似乎无法运行

但是，当我将脚本放置在body标记的正下方时，它看起来似乎确实执行了脚本。它只是跳过淡入淡出，显示所有内容。提前谢谢你的帮助

现行代码（16:06）

$（文档）.ready（函数（）{
$（'p-load'）.hide（）.fadeIn（“慢”）；
});

等等

脚本正在其他元素上执行和运行，因此，我将其设置为淡出，并将其延迟3秒，然后将其应用于页脚。页面加载3秒后页脚消失。为什么它不让整个页面褪色，这让我很困惑……：/

这很有效

<script type="text/javascript">
        $(document).ready(function() {
            $('#p-load').hide().delay(500).fadeIn("slow");
        });
        </script> 

$（文档）.ready（函数（）{
$（'p-load'）.hide（）.delay（500）.fadeIn（“slow”）；
});

---

我不知道为什么延迟现在会触发动画，但确实如此。谢谢大家的帮助

我想你看不到它，因为它消失得太快了。试一试

$(document).ready(function() {
        $('#p-load').fadeIn("slow");
    });

您可以指定fadeIn的持续时间、“慢”、“快”或数字。“慢”对应于600毫秒。我可以看到元素随着持续时间=5000逐渐消失

发件人：

持续时间以毫秒为单位；值越高表示速度越慢 动画，而不是更快的。字符串“快”和“慢”可以是 用于指示200毫秒和600毫秒的持续时间， 分别地如果提供了任何其他字符串，或者如果持续时间 参数，则默认持续时间为400毫秒 用过

---

我猜你看不到它，因为它消失得太快了。试一试

$(document).ready(function() {
        $('#p-load').fadeIn("slow");
    });

您可以指定fadeIn的持续时间、“慢”、“快”或数字。“慢”对应于600毫秒。我可以看到元素随着持续时间=5000逐渐消失

发件人：

持续时间以毫秒为单位；值越高表示速度越慢 动画，而不是更快的。字符串“快”和“慢”可以是 用于指示200毫秒和600毫秒的持续时间， 分别地如果提供了任何其他字符串，或者如果持续时间 参数，则默认持续时间为400毫秒 用过

---

我猜你看不到它，因为它消失得太快了。试一试

$(document).ready(function() {
        $('#p-load').fadeIn("slow");
    });

您可以指定fadeIn的持续时间、“慢”、“快”或数字。“慢”对应于600毫秒。我可以看到元素随着持续时间=5000逐渐消失

发件人：

持续时间以毫秒为单位；值越高表示速度越慢 动画，而不是更快的。字符串“快”和“慢”可以是 用于指示200毫秒和600毫秒的持续时间， 分别地如果提供了任何其他字符串，或者如果持续时间 参数，则默认持续时间为400毫秒 用过

---

我猜你看不到它，因为它消失得太快了。试一试

$(document).ready(function() {
        $('#p-load').fadeIn("slow");
    });

您可以指定fadeIn的持续时间、“慢”、“快”或数字。“慢”对应于600毫秒。我可以看到元素随着持续时间=5000逐渐消失

发件人：

持续时间以毫秒为单位；值越高表示速度越慢 动画，而不是更快的。字符串“快”和“慢”可以是 用于指示200毫秒和600毫秒的持续时间， 分别地如果提供了任何其他字符串，或者如果持续时间 参数，则默认持续时间为400毫秒 用过

---

删除display:none样式属性，改为使用jquery hide。因此：

 <script> 
 $(document).ready(function() {
    $('#p-load').hide().fadeIn();
 });
 </script>

$（文档）.ready（函数（）{
$（'p-load'）.hide（）.fadeIn（）；
});

删除display:none样式属性，改用jquery hide。因此：

 <script> 
 $(document).ready(function() {
    $('#p-load').hide().fadeIn();
 });
 </script>

$（文档）.ready（函数（）{
$（'p-load'）.hide（）.fadeIn（）；
});

删除display:none样式属性，改用jquery hide。因此：

 <script> 
 $(document).ready(function() {
    $('#p-load').hide().fadeIn();
 });
 </script>

$（文档）.ready（函数（）{
$（'p-load'）.hide（）.fadeIn（）；
});

删除display:none样式属性，改用jquery hide。因此：

 <script> 
 $(document).ready(function() {
    $('#p-load').hide().fadeIn();
 });
 </script>

$（文档）.ready（函数（）{
$（'p-load'）.hide（）.fadeIn（）；
});

试试这个

 <script> 
    $(document).ready(function() {
        $('#p-load').fadeIn(10000);
    });
 </script>

$（文档）.ready（函数（）{
$（'p-load'）。法代因（10000）；
});

它提供10秒（10000米秒）的持续时间

试试这个

 <script> 
    $(document).ready(function() {
        $('#p-load').fadeIn(10000);
    });
 </script>

$（文档）.ready（函数（）{
$（'p-load'）。法代因（10000）；
});

它提供10秒（10000米秒）的持续时间

试试这个

 <script> 
    $(document).ready(function() {
        $('#p-load').fadeIn(10000);
    });
 </script>

$（文档）.ready（函数（）{
$（'p-load'）。法代因（10000）；
});

它提供10秒（10000米秒）的持续时间

试试这个

 <script> 
    $(document).ready(function() {
        $('#p-load').fadeIn(10000);
    });
 </script>

$（文档）.ready（函数（）{
$（'p-load'）。法代因（10000）；
});

它提供10秒（10000米秒）的持续时间

---

控制台中是否出现错误？在到达这一点之前是否加载了jQuery？jQuery加载了是的，正如我所看到的，我没有收到任何错误。它是正确的。请插入您的完整代码。问题可能在您的代码的其他位置，您在控制台中是否遇到错误？在到达这一点之前是否加载了jQuery？jQuery加载了是的，正如我所看到的，我没有收到任何错误。它是正确的。请插入您的完整代码。问题可能在您的代码的其他位置，您在控制台中是否遇到错误？在到达这一点之前是否加载了jQuery？jQuery加载了是的，正如我所看到的，我没有收到任何错误。它是正确的。请插入