2011-04-03 91 views
2

我試過這段代碼來隱藏body,並顯示何時加載全部。但我注意到這樣做效果不佳,因爲當淡入淡出時,某些圖像尚未加載。在加載完成前隱藏-jquery

我該如何做到這一點?

<script type="text/javascript"> 
$(document).ready(function(){ 
$('.nav').fadeIn(700); 
}); 
</script> 


<body class="nav" style="display: none"> 

回答

3

當然,它是那樣簡單:

$(window).load(function() { 
    $('.nav').fadeIn(700); 
}); 
+0

沒錯,問題是文件,只是改變窗口。 Thanksss – 2011-04-03 15:56:04

+0

@Wire創建隨時。 – daryl 2011-04-03 20:44:13

2

如果要等待圖像(有問題的想法,但它是你的網站),你只需處理「load」事件,而不是:

$(document).load(function() { $('.nav').fadeIn(700); }); 

我說,這是一個值得懷疑的想法,因爲獲取圖像可能需要一些時間,這可能會讓人困惑。但是,我不知道你的網站是什麼樣的,當然,也許這很好。

哦,還:如果你真的只是靶向body元素,那麼你可以只用

$('body').fadeIn(700); 

不在於它在這方面事項可言,但是這將是更有效的。

相關問題