English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Método de efecto fadeTo() de jQuery

Métodos de efecto de jQuery

El método fadeTo() cambia gradualmente la opacidad del elemento seleccionado a la opacidad especificada.

Este método es similar afadeIn()El método es similar, pero este método cancela la ocultación del elemento y siempre realiza un efecto de entrada suave.10Opacidad del 0%.

Nota: El método fadeTo() no cambia el diseño de la página (el elemento seleccionado seguirá ocupando el mismo espacio que antes).

Sintaxis:

$(selector)fadeTo.(duration, opacity, easing, callback)

Ejemplo

Gradualmente reduce la opacidad del elemento <div>:

$("button").click(function(){
  $("div").fadeTo(500, 0.2);
});
Prueba y observa‹/›

Gradualmente cambia la opacidad del elemento <div>:

$("#btn1.click(function() {
  $("div").fadeTo(1000, 0);
});
$("#btn2.click(function() {
  $("div").fadeTo(1000,} 1);
});
Prueba y observa‹/›

UsarcallbackParámetros:

$("button").click(function(){
  $("div").fadeTo(500, 0, function(){
    alert("¡La opacidad se ha reducido!!!");
  });
});
Prueba y observa‹/›

Valor del parámetro

ParámetrosDescripción
DuraciónUna cadena o número que especifica cuánto tiempo durará el efecto de enmascarar

Valores posibles:

  • milisegundos (por ejemplo100,500,2000, etc)

  • “fast”

  • “slow”

OpacidadEspecificar la opacidad de la transparencia. Debe estar entre 0.00 y1Número entre .00
Easing(Opcional)Una cadena que especifica la velocidad del elemento en diferentes puntos del animación. El valor predeterminado es “ swing”

Valores posibles:

  • “swing”-En el principio/Moverse más lento al finalizar y más rápido en el medio

  • “linear”-Mover a una velocidad constante

callback(Opcional)Método fadeTo() completado, llama a la función

Métodos de efecto de jQuery