tutoriais mais recente desenvolvimento web
 

jQuery fadeIn() Method

<Métodos jQuery Effect

Exemplo

Desvanecer-se em todos os elementos <p>:

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

Definição e Uso

O fadeIn() método altera gradualmente a opacidade, por elementos selecionados, de oculto para visível (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 fadeOut() método.

Sintaxe

$(selector).fadeIn(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" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
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 fadeIn() método é concluída

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


Tente você mesmo - Exemplos

fadeIn() - 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 entrando e saindo um elemento.


<Métodos jQuery Effect