Se trata de un efecto interesante que podemos aplicar a nuestro sitio web ó páginas que deseemos. Nos referimos al efecto Fade (comumente se relaciona con desvanecer ó aparecer ciertos contenidos) que se puede lograr gracias a jQuery.

Dentro de un contenedor <div> colocaremos el contenido al cual aplicaremos el efecto:

<div id="micontenido" style="display:none;">
<!--aca tu contenido. asegurate que sea extenso para que puedas ver el efecto-->
</div>

Nada más después de cerrar el contenedor </div> escribe el siguiente código JavaScript:

<script type="text/javascript">
$(document).ready(function(){
 $(document).ready(function () {
 $('#micontenido').fadeIn(1200);
 });
});
</script>

Obviamente debemos referenciar en la cabecera del documento HTML a la librería jQuery.

Vía wdlog | Nuestro ejemplo