离开网址（以及登陆时）淡出页面

Question

我已经看到了这种效果here - 页面在加载时淡入并在链接上淡出...我找到了代码剪辑来执行此操作。

到目前为止我的代码：

$(document).ready(function() {

// the body is already set to display none!

$("body").delay(500).fadeIn(500);

$("a").click(function(event){
    event.preventDefault();
    linkLocation = this.href;
    $("body").fadeOut(500, redirectPage);       
});

function redirectPage() {
    window.location = linkLocation;
}

});

...但是我无法弄清楚当你在上面的OneUp theme示例中刷新页面时页面如何淡出并重新出现？

可能是ajax ??

Answer 1

检查出来

http://api.jquery.com/unload/

我认为这可能就是你要找的东西。只需创建一个淡出页面的功能，您可以在有人点击或刷新时调用它。

Answer 2

这是正确答案...转到链接，刷新整个页面。观看文字。

http://jsfiddle.net/xom89ne6/2/

body{

display: none;

}

$(function(){
    $("body").delay(500).fadeIn(1000);
    $(window).on('beforeunload', function(){
        $("body").fadeOut(1000);

    });
});