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

Question

我在这里看到了这种效果-页面在加载时淡入，在链接上淡出...我发现有代码段可以做到这一点。

我到目前为止的代码：

$(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主题示例中刷新页面时，页面是如何淡出然后重新进入的？

可能是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);

    });
});