English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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).
$(selector)fadeTo.(duration, opacity, easing, callback)
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‹/›
Parámetros | Descripción |
---|---|
Duración | Una cadena o número que especifica cuánto tiempo durará el efecto de enmascarar Valores posibles:
|
Opacidad | Especificar 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:
|
callback | (Opcional)Método fadeTo() completado, llama a la función |