jQuery 基础教程

jQuery 效果

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

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

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

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

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

淡入<div>元素：

Exemplo

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

淡入所有<p>元素：

Exemplo

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

使用durationParâmetros：

Exemplo

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

使用callbackParâmetros：

Exemplo

$("button").click(function(){
　　$("div").fadeIn(600, function(){
$("h3").text("Efeito de Enfraquecer Concluído.");
　　});
});

Podemos aplicar o efeito de enfraquecer/reforçar a qualquer elemento, por exemplo, uma imagem simples:

Exemplo

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

Parâmetro	Descrição
duration	（Opcional）Determinar por quanto tempo o efeito de desbotamento continuará, pode ser uma string ou um número. O valor padrão é400 milissegundos Valores possíveis： milissegundos (por exemplo100、500、2000, etc) “fast” “slow”
easing	（Opcional）Especificar a velocidade do elemento em diferentes pontos da animação. O valor padrão é“ swing” Valores possíveis： “swing”-No início/Mover mais devagar no final e mais rápido no meio “linear”-Mover a uma velocidade constante
callback	（Opcional）Chamada de função após a conclusão do método fadeIn()，chamada uma vez para cada elemento selecionado