Question

<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并不熟悉，所以这对我来说没有意义。我只是想知道如何改进这段代码，以便在加载网页时文本得到缓解。提前谢谢！

Answer 1

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

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

使用 fadeIn 显示带有一点转换的文本。如果您不需要它，只需删除隐藏类也可以使用

Jquery在网站加载时淡入图像

1 个答案: