0

每次用户访问新链接时，我都试图加载新页面显然。

如何使用淡入淡出效果？

谢谢

继承人 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);
    });
});

谢谢，

斯普斯特

4

1 回答 1

0

Have you tried something like this:

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

The .load() function lets you specify a callback function that will be executed after the load is complete, so you can do the fade in there.

Demo: http://jsfiddle.net/zw5xt/

于 2013-06-15T04:03:21.610 回答