Latest web development tutorials

efeitos jQuery - fade

Por jQuery, você pode implementar elementos fade out efeito.

Clique no Fade In / Out Painel de exibição

Porque o tempo é precioso, oferecemos uma maneira rápida e conveniente de aprender.

Neste tutorial, você pode aprender o conhecimento necessário.

Exemplos

jQuery fadeIn ()
método jQuery fadeIn () demonstração.

jQuery fadeOut ()
método jQuery fadeOut () demonstração.

jQuery fadeToggle ()
método jQuery fadeToggle () demonstração.

jQuery fadeTo ()
método jQuery fadeTo () demonstração.

jQuery Método de desvanecimento

Por jQuery, você pode implementar elementos fade out efeito.

jQuery tem quatro desvanece-se os seguintes métodos:

  • fadeIn ()
  • fadeOut ()
  • fadeToggle ()
  • fadeTo ()

jQuery fadeIn () Método

jQuery fadeIn () é usado para desaparecer nos elementos ocultos.

sintaxe:

$(selector).fadeIn(speed,callback);

O parâmetro de velocidade opcional especifica a duração do efeito. Pode levar os seguintes valores: "lento", "rápido", ou milissegundos. .

O parâmetro callback opcional é o nome da função executada depois de enfraquecer concluída.

O exemplo seguinte demonstra, com diferentes parâmetros de método fadeIn ():

Exemplos

$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});

tente »

jQuery fadeOut () Método

método jQuery fadeOut () é usado para desaparecer elementos visíveis.

sintaxe:

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

O parâmetro de velocidade opcional especifica a duração do efeito. Pode levar os seguintes valores: "lento", "rápido", ou milissegundos.

O parâmetro callback opcional é o nome da função executada depois de enfraquecer concluída.

O exemplo seguinte demonstra, com diferentes parâmetros de método fadeOut ():

Exemplos

$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});

tente »

jQuery fadeToggle () Método

jQuery fadeToggle () método pode ser alternado entre fadeIn () eo método fadeOut ().

Se o elemento deixou, o fadeToggle () irá adicionar um efeito de fade aos elementos.

Se o elemento é um fade, o fadeToggle () irá adicionar um efeito de fade-out aos elementos.

sintaxe:

$(selector).fadeToggle(speed,callback);

O parâmetro de velocidade opcional especifica a duração do efeito. Pode levar os seguintes valores: "lento", "rápido", ou milissegundos.

O parâmetro callback opcional é o nome da função executada depois de enfraquecer concluída.

O exemplo seguinte demonstra, com diferentes parâmetros de método fadeToggle ():

Exemplos

$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});

tente »

jQuery fadeTo () Método

jQuery fadeTo () método permite que para uma determinada opacidade gradiente (um valor entre 0 e 1).

sintaxe:

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

Os parâmetros de velocidade período de tempo necessário especificado efeito. Pode levar os seguintes valores: "lento", "rápido", ou milissegundos.

opacidade parâmetros do método fadeTo () exigida vai desaparecer efeito à opacidade dada (um valor entre 0 e 1).

O parâmetro de retorno opcional é o nome da função após a conclusão da função desempenhada.

O exemplo que se segue demonstra fadeTo método com diferentes parâmetros ():

Exemplos

$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});

tente »