jQuery body fade-in

Question

我想知道如何在頁面刷新時創建身體淡入？你可以在 - saporiexports.com看到例子。這種jQuery效果有多影響頁面性能？

，我對頁面女巫也許會與效果有關發現唯一的事情就是

//PRELOAD SITE 
$(window).load(function(){ 
    $('#preloader').fadeOut('slow',function(){$(this).remove();}); 
}); 

，比HTML <div id="preloader"></div>格，但我認爲這是某種reloader。但是在這個頁面中沒有必要（也許我錯了）。

當然你也可以做這樣的事情 -

$(function() { 
$('body').hide().fadeIn('slow'); 

}); 

和它的作品，但我不認爲是這樣做的正確方法。

編輯 現在我看到，他們使用覆蓋DIV來管理效果

div#preloader { 
    background: url("../workimage/ajax-loader.gif") no-repeat scroll center center #000000; 
    height: 100%; 
    position: fixed; 
    width: 100%; 
    z-index: 999; 
} 

Answer 1

什麼該網站所做的是把覆蓋在整個頁面，並淡出出來。我不認爲這很重要，你可以測試兩種方法，看看哪個更快

Answer 2

似乎是一個很好的方式由我創建的效果。表現並未受到真正的影響。它只是隱藏身體，然後再次顯示。只需一個簡單的過程。

格爾茨，

XpertEase