tutoriais mais recente desenvolvimento web
 

jQuery Effect fadeOut() Method

<Métodos jQuery Effect

Exemplo

Fade out todos os elementos <p>:

$("button").click(function(){
    $("p").fadeOut();
});
Tente você mesmo "

Definição e Uso

O fadeOut() método altera gradualmente a opacidade, por elementos selecionados, de visível para oculta (efeito de esmaecimento).

Nota: Os elementos ocultos não serão exibidos em todos (não afeta mais o layout da página).

Dica: Este método é frequentemente usado em conjunto com o fadeIn() método.

Sintaxe

$(selector).fadeOut(speed,easing,callback)

Parâmetro Descrição
speed Opcional. Especifica a velocidade do efeito de desvanecimento. O valor padrão é 400 milissegundos

Valores possíveis:

  • milissegundos
  • "slow"
  • "fast"
easing Opcional. Especifica a velocidade do elemento em diferentes pontos da animação. O valor padrão é "swing"

Valores possíveis:

  • "swing" - move mais lento no início / fim, mas mais rápido no meio
  • "linear" - se move em uma velocidade constante
Dica: Mais funções de atenuação estão disponíveis em plugins externos
callback Opcional. A função a ser executada após o fadeOut() método é concluída

Para saber mais sobre callback, visite o nosso capítulo jQuery Callback


Tente você mesmo - Exemplos

fadeOut() - Usando o parâmetro de velocidade
Como utilizar o parâmetro de velocidade para especificar a velocidade do efeito de desvanecimento.

fadeIn() - Usando o parâmetro de retorno de chamada
Como usar o parâmetro de retorno de chamada quando mudar gradualmente a opacidade para elementos selecionados.


<Métodos jQuery Effect