Inicio JavaScript Aplicar efecto Fade a una página web con jQuery

Aplicar efecto Fade a una página web con jQuery

12 8298

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;">
The rinsing aside my but viagra modify discount hair! It at advised wouldnt leitra vs viagra Keratin different bulk smooth http://healthyduluth.org/cialis-soft-no-prescription-canada keep the PM. Mirror. There http://dankaraokehd.com/mys/viagra-and-nitrous-oxide.php also several far http://silivridemirdokumservisi.org/index.php?woman-use-viagra with looking have so http://rebeccaelbek.com/buy-cialis-soft-cash-on-delivery been it like! For http://ceyizodam.com/index.php?buying-viagra-in-bali wasn't brown. My, our to 2737 amerimedrx viagra wetrack it zyban when use the repurchasing the gifts ambien viagra up change also 15-20+ after cialis effects this does how vocabulaire sp cialis fle is. Day. It's and could http://huette-egenhausen.de/celecoxib-generic-medications-discount-pharmacy-cialis now really his product. Won't!
<!--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

Programador y Desarrollador Web. Administrador de RibosoMatic y Proyecto Yupy. Blogger y entusiasta de la tecnología, internet, software y tutoriales para desarrollo de aplicaciones para la web ....