Question

我试图在每次用户访问新链接时加载新页面，我已将其归档但是，现在我想要的是当他们访问新链接时我希望它能够淡化新内容轻率刷新页面。

如何使用淡入效果？

由于

继承index.html（所有其他页面的内容都不同）

<html>
    <title>Title Here</title>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js">

    </script>
    <script src="js/func.js">

    </script>

    <head>  <a href="about.html" class="link"> Go To About</a>
            <a href="contact.html" class="link"> Go To Conact</a> 
    </head>
    <div class="content">

        <body>test</div>
    </body>

</html>

继承JQuery代码

$(document).ready(function () {
    $(".content").css("display", "none");
    $(".content").fadeIn(600);

    $("a").click(function (event) {
        event.preventDefault();
        var page = $(this).attr('href')
        $(".content").fadeIn(600);
        $('.content').load(page);
    });
});

谢谢，

Spudster

Answer 1

你有没有试过这样的事情：

    $(".content").hide().load(page, function() {
        $(this).fadeIn(600);
    });

.load() function允许您指定在加载完成后将执行的回调函数，因此您可以在那里执行淡入淡出。

演示：http://jsfiddle.net/zw5xt/

淡化新链接

1 个答案: