fade in div on page load

Question

Necesito un div para fundirse cuando se carga la página.

<div id=monster></div> 

Im ya usando jquery FYI.

Gracias de antemano.

Answer 1

No puede ser más simple:

$(function(){ // $(document).ready shorthand 
    $('#monster').fadeIn('slow'); 
}); 

Si el div no se oculta en un principio, se podría ocultarlo antes de la animación:

$('#monster').hide().fadeIn('slow'); 

El parámetro de velocidad puede ser 'slow', 'normal', 'fast' o la cantidad de milisegundos para ejecutar la animación

Answer 2

jQuery/fadeIn

$(function() { 
    $("#monster").fadeIn(); 
});