Pedir presupuesto

Tutorial jQuery – V2 «Efecto desvanecimiento»

Hoy seguimos con el tutorial numero V2 de jQuery.

jquery_tutov2

Esta vez vamos a ver como con un código muy simple podemos hacer el efecto desvanecimiento de una imagen hasta que desaparece …

Ver ejemplo

Cuando se haga clic en una imagen con class=”delete” la capa irá desapareciendo lentamente con una animación.

Lo único que tendréis que hacer esta vez es:

  1. Incluir la librería de Jquery (como en el anterior tutorial)

    [html][/html]

  2. Codigo javascript para hacer referencia de lo que queremos desvanecer, el cual irá incluido entre las etiquetas de cabecera de la página:
    
    

    [js]

    $(document).ready(function(){

    $(«.pane .delete»).click(function(){
    $(this).parents(«.pane»).animate({ opacity: ‘hide’ }, «slow»);
    });

    });
    [/js]

  3. Código para mostrar el panel en la página:

    [html]

     

    Ejemplo cabecera

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi malesuada, ante at feugiat tincidunt, enim massa gravida metus, commodo lacinia massa diam vel eros. Proin eget urna. Nunc fringilla neque vitae odio. Vivamus vitae ligula.

    delete lazyload

    [/html]

Ejemplo: Ver ejemplo

Anterior Tutorial: Tutorial jQuery – V1

¿Te ha gustado?, Comparte!!

Compartir en facebook
Compartir en twitter
Compartir en linkedin
Compartir en whatsapp
Compartir en email

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

¡Pide tu presupuesto!

Completa los campos para poder enviarte un presupuesto

Todos y tu presupuesto son a medida y totalmente personalizados, entendemos que dos proyectos online no pueden ser iguales y que cada cliente tiene unos objetivos y necesidades muy diferentes, es por eso que para elaborar un presupuesto, necesitamos saber de ti, tu proyecto y objetivos.

Los campos marcados con (*) son obligatorios.

La comunicación enviada quedará incorporada a un fichero del que es responsable COLORDEU. Esta comunicación se utilizará exclusivamente para tratar sus datos para atender su solicitud, siempre de acuerdo al Reglamento (UE) 2016/679 (RGPD), la Ley Orgánica 15/1999 (LOPD) y el Real Decreto 1720/2007 de desarrollo de la LOPD), sobre protección de datos. Sus datos no se comunicarán a terceros, excepto por obligación legal, y se mantendrán mientras no solicite su cancelación. En cualquier momento usted puede ejercer los derechos de acceso, rectificación, portabilidad y oposición, o si procede, a la limitación y/o cancelación del tratamiento, comunicándolo por escrito, indicando sus datos personales mediante un email a hola@colordeu.es