Jquery 在网站加载时淡入图像

Jquery fade in an image on website load

本文关键字：淡入 图像 加载 网站 Jquery      更新时间：2023-09-26
<html>
    <head>
        <title>JQuery Page Loading Effect</title>
        <script type="text/javascript" src="jquery.js"></script>
        <style type="text/css">
            div.hidden { display: none }
        </style>
    </head>
    <script type="text/javascript">
        $(document).ready(function () {
            $('div').fadeOut(1);
            $('div').removeClass('hidden');
            $('div').fadeIn(1000);
        });
    </script>
    <body>
        <div class="hidden">
            <p>This is some text.</p>
        </div>
    </body>
</html>

我从一位伙伴那里拿走了这段代码，因为我对 JQuery 没有真正的经验，所以这对我来说没有意义。我只是想知道如何改进这段代码，以便在网页加载期间文本缓和。提前感谢！

淡出不是必需的。实际上，您不需要删除隐藏的类调用淡入将显示文本

$(document).ready(function() {
    $('div').fadeIn(1000);
});

您可以使用淡入来显示带有一点过渡的文本。如果你不需要它，只需删除隐藏的类也可以

相关文章：