在頁面加載時淡入淡出

Question

我想淡入一個div內條目的背景 - 這是爲了向用戶顯示頁面加載時最新的條目。

我希望它可以在頁面加載時完成，而不必點擊或懸停或任何東西，只要頁面加載。

我有這樣的：

$(document).ready(function() { 
    $('#box').fadeIn(5000, function() { 
    // Animation complete 
    }); 
}); 

是它像頁面加載？

任何幫助表示讚賞。

Answer 1

使用load事件，觸發頁面加載：

$(window).load(function() { 
    $('#box').fadeIn(5000, function() { 
    // Animation complete 
    }); 
}); 

Answer 2

不是100％肯定，但你嘗試過

 
window.onload =function() { 
    $('#box').fadeIn(5000, function() { 
    // Animation complete 
    }); 
} 

Answer 3

布拉德，如果隱藏的內容您的代碼應工作首先，然後將其淡入。jQuery無法淡化已顯示的內容，即您無法淡出已隱藏的內容。

See example

$(document).ready(function() { 
    $('#box').hide().fadeIn(5000, function() { 
    // Animation complete 
    }); 
});