Fade page out при удалении URL-адреса (как и при посадке)

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); 

    }); 
});