在页面加载时淡入淡出

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