efectos jQuery - Fade
Por jQuery, puede implementar elementos de efecto de fundido.
Haga clic en la pantalla de fundido de entrada / salida del panel
Debido a que el tiempo es precioso, ofrecemos una manera rápida y cómoda de aprender.
En este tutorial, puede aprender los conocimientos necesarios.
Ejemplos
jQuery fadeIn ()
método de demostración jQuery fadeIn ().
jQuery FadeOut ()
método de demostración jQuery FadeOut ().
jQuery fadeToggle ()
método de demostración jQuery fadeToggle ().
jQuery fadeTo ()
método de demostración jQuery fadeTo ().
Método Fading jQuery
Por jQuery, puede implementar elementos de efecto de fundido.
jQuery tiene cuatro desvanecen los métodos siguientes:
- fadeIn ()
- FadeOut ()
- fadeToggle ()
- fadeTo ()
jQuery fadeIn método ()
jQuery fadeIn () se utiliza para desaparecer en los elementos ocultos.
sintaxis:
El parámetro de velocidad opcional especifica la duración del efecto. Puede tomar los siguientes valores: "lento", "rápido", o milisegundos. .
El parámetro callback opcional es el nombre de la función ejecutada luego de reducir completado.
El siguiente ejemplo demuestra, con el método de diferentes parámetros fadeIn ():
Ejemplos
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
Trate »
jQuery FadeOut método ()
método jQuery FadeOut () se utiliza a desvanecerse elementos visibles.
sintaxis:
El parámetro de velocidad opcional especifica la duración del efecto. Puede tomar los siguientes valores: "lento", "rápido", o milisegundos.
El parámetro callback opcional es el nombre de la función ejecutada luego de reducir completado.
El siguiente ejemplo demuestra, con el método de diferentes parámetros FadeOut ():
Ejemplos
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
Trate »
jQuery fadeToggle método ()
() método jQuery fadeToggle se puede cambiar entre fadeIn () y el método FadeOut ().
Si el elemento se ha marchado, el fadeToggle () añadirá un efecto de fundido a los elementos.
Si el elemento es un fundido, el fadeToggle () añadirá un efecto de fundido de salida a los elementos.
sintaxis:
El parámetro de velocidad opcional especifica la duración del efecto. Puede tomar los siguientes valores: "lento", "rápido", o milisegundos.
El parámetro callback opcional es el nombre de la función ejecutada luego de reducir completado.
El siguiente ejemplo demuestra, con el método de diferentes parámetros fadeToggle ():
Ejemplos
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
Trate »
jQuery fadeTo método ()
método jQuery fadeTo () permite una opacidad gradiente determinado (un valor entre 0 y 1).
sintaxis:
parámetros de velocidad con el tiempo necesario especificar efecto. Puede tomar los siguientes valores: "lento", "rápido", o milisegundos.
opacidad de los parámetros del método fadeTo () requerida se desvanecerá efecto de la opacidad determinado (un valor entre 0 y 1).
El parámetro de devolución de llamada opcional es el nombre de la función después de la finalización de la función realizada.
El siguiente ejemplo demuestra fadeTo con el método de diferentes parámetros ():
Ejemplos
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});
Trate »