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