延迟Div OnLoad

我有一个div,我想使用jQuery延迟onLoad一段时间。 这是我的代码不起作用:

$('#PriceBox').delay(8000).fadeIn(400); 

CSS:

 /** make sure the element is initially hidden */ ​#PriceBox { display: none; }​ 

jQuery的:

 $(document).ready(function() { $('#PriceBox').delay(8000).fadeIn(400); }); 
  • DEMO

为了做到这一点,你需要以display: none开始你的div ,然后将显示代码放在$(document).ready(..)

  

使用Javascript

 $(document).ready(function() { $('#PriceBox').delay(1000).fadeIn(1000); });​ 

小提琴: http : //jsfiddle.net/6B6he/