Tutorial básico do jQuery

Efeitos do jQuery

O método fadeOut() do jQuery gradualmente altera a opacidade do elemento selecionado de visível para oculto.

Este método geralmente é usado comfadeIn()Métodos juntos.

Atenção:Os elementos ocultos não afetarão o layout da página.

$(selector)fadeOut.(duração, efeito, callback)

Desaparecer todos os elementos <p>:

Exemplo

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

UsodurationParâmetros:

Exemplo

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

UsocallbackParâmetros:

Exemplo

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

Podemos aplicar efeitos de deslizar e desaparecer a qualquer elemento, por exemplo, uma imagem simples:

Exemplo

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

Parâmetros	Descrição
duration	（Opcional）Determina quanto tempo o efeito de deslizamento deve durar. O valor padrão é400ms Valores Possíveis: milissegundos (por exemplo100,500,2000 etc) “fast” “slow”
easing	（Opcional）Uma string que especifica 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）O método fadeOut() é concluído, a função chamada, chamada uma vez para cada elemento selecionado