Método fadeTo() de efeito jQuery

Métodos de Efeito do jQuery

O método fadeTo() gradualmente altera a opacidade do elemento selecionado para a opacidade especificada.

Este método é semelhante afadeIn()O método é semelhante, mas este método remove a ocultação do elemento e sempre entra em cena10Opacidade de 0%.

Atenção: O método fadeTo() não altera a layout da página (o elemento selecionado continuará a ocupar o mesmo espaço que antes).

Sintaxe:

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

Exemplo

Gradualmente reduz a opacidade do elemento <div>:

$("button").click(function(){
　　$("div").fadeTo(500,　0.2);
});

Gradualmente altera a opacidade do elemento <div>:

$("#btn1.click(function() {
　　$("div").fadeTo(1000,　0);
});
$("#btn2.click(function() {
　　$("div").fadeTo(1000,　1);
});

UsarcallbackParâmetros:

$("button").click(function(){
　　$("div").fadeTo(500,　0,　function(){
　　　　alert("Diminuição da opacidade!!!");
　　});
});

Valor do Parâmetro

Métodos de Efeito do jQuery