Tutorial básico jQuery

jQuery efeitos

O método fadeToggle() está disponível emfadeIn()efadeOut()Alternar entre métodos.

Se o elemento selecionado for esfarelado, fadeToggle() o introduzirá gradualmente.

Se o elemento selecionado for introduzido gradualmente, fadeToggle() o esfarelará.

Atenção:Elementos ocultos não afetarão a disposição da página.

$(selector)fadeToggle.(duração, easing, callback)

Alternar entre entrada e saída suave de todos os elementos <p>:

Exemplo

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

UsodurationParâmetros:

Exemplo

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

UsocallbackParâmetros:

Exemplo

$("button").click(function(){
　　$("div").fadeToggle(1500, function(){}
　　　　alert("Efeito fadeToggle concluído!!!");
　　});
});

Podemos aplicar efeitos de desvanecer e brilhar a qualquer elemento, por exemplo, uma imagem simples:

Exemplo

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

Parâmetro	Descrição
duration	（Opcional）Determina por quanto tempo o efeito de desvanecimento continuará. 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）Uma vez que o método fadeToggle() for concluído, esta função será chamada, uma vez para cada elemento selecionado