tutoriais mais recente desenvolvimento web
 

jQuery Effect fadeTo() Method

<Métodos jQuery Effect

Exemplo

mudar gradualmente a opacidade de todos os elementos <p>:

$("button").click(function(){
    $("p").fadeTo(1000, 0.4);
});
Tente você mesmo "

Definição e Uso

O fadeTo() método altera gradualmente a opacidade, por elementos selecionados, para a (efeito de esmaecimento) opacidade especificado.


Sintaxe

$(selector).fadeTo(speed,opacity,easing,callback)

Parâmetro Descrição
speed Requeridos. Especifica a velocidade do efeito de desvanecimento.

Valores possíveis:

  • milissegundos
  • "slow"
  • "fast"
opacity Requeridos. Especifica a opacidade a desvanecer-se a. Deve ser um número entre 0,00 e 1,00
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 fadeTo() método é concluída

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


Tente você mesmo - Exemplos

fadeTo() - 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