Como implementar en JQuery el efecto fade

El efecto fade del framework JQuery realiza o bien un fadeIn o bien un fadeOut que es la aparición o desaparición de un elemento hhtml, generalmente una capa o div. Un pequeño ejemplo de como aplicarlo, sería mediante el siguiente código:

Implementamos la capa div que en el ejemplo va a aparecer.

<div id="micontenido" style="display:none;">
    <!--contenido al que se va a aplicar el efecto fade-->
</div>

A continuación llamamos al script JQuery para realizar el efecto aplicado a la capa

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

En la cabecera del archivo HTML incluimos la referencia a la librería JQuery para hacer que funcione el script.

By worldjam with 1 comment