fadeIn页面加载

Question

我希望淡入div中条目的背景 - 这是为了向用户显示页面加载时最新条目的内容。

我希望它在页面加载时执行，而不必在页面加载时单击或悬停或任何其他内容。

我有这个：

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

是不是像pageLoad？

感谢任何帮助。

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