jQuery 基础教程

jQuery 效果

fadeIn()方法逐渐将选定元素的不透明度，从隐藏更改为可见。

该方法通常与fadeOut()方法一起使用。

注意：隐藏的元素将不再影响页面的布局。

它与fadeTo()方法类似，但是该方法不会取消隐藏元素，并且可以指定最终的不透明度级别。

$(selector)fadeIn.(duration,　easing,　callback)

淡入<div>元素：

Ejemplo

$("button").click(function(){
　　$("div").fadeIn();
});

淡入所有<p>元素：

Ejemplo

$("button").click(function(){
　　$("p").fadeIn();
});

使用durationParámetros:

Ejemplo

$("button").click(function(){
　　$("p").fadeIn(1500);
});

使用callbackParámetros:

Ejemplo

$("button").click(function(){
　　$("div").fadeIn(600, function(){
$("h3").text("Fade in complete.");
　　});
});

Podemos implementar efectos de enmascarar/desenmascarar en cualquier elemento, por ejemplo, una imagen simple:

Ejemplo

$("button").click(function(){
　　$("img").fadeIn();
});

Parámetros	Descripción
duration	（Opcional）Determinar cuánto tiempo durará el efecto de decadencia, puede ser una cadena o un número. El valor predeterminado es400 milisegundos Valores posibles: milisegundos (por ejemplo100,500,2000, etcétera) “fast” “slow”
easing	（Opcional）Especificar la velocidad del elemento en diferentes puntos de la animación. El valor predeterminado es “ swing” Valores posibles: “swing”-Al comenzar/Mover más lento al final y más rápido en el medio “linear”-Mover a una velocidad constante
callback	（Opcional）Llamar a la función después de que se complete fadeIn(), una vez por cada elemento seleccionado