Latest web development tutorials

effetti jQuery - dissolvenza

Con jQuery, è possibile implementare gli elementi fade out effetto.

Fare clic sul Fade In / Out Display

Perché il tempo è prezioso, offriamo un modo veloce e conveniente per imparare.

In questo tutorial, si può imparare le conoscenze necessarie.

Esempi

jQuery fadeIn ()
Metodo demo jQuery fadeIn ().

jQuery fadeOut ()
Metodo demo jQuery fadeOut ().

jQuery fadeToggle ()
Metodo demo jQuery fadeToggle ().

jQuery fadeTo ()
Metodo demo jQuery fadeTo ().

jQuery Metodo dissolvenza

Con jQuery, è possibile implementare gli elementi fade out effetto.

jQuery ha quattro dissolvenza i seguenti metodi:

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

Metodo jQuery fadeIn ()

jQuery fadeIn () viene utilizzato per sfumare negli elementi nascosti.

sintassi:

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

Il parametro di velocità opzionale specifica la durata dell'effetto. Esso può assumere i seguenti valori: "lento", "veloce", o millisecondi. .

Il parametro di callback opzionale è il nome della funzione eseguita dopo sbiadimento completato.

L'esempio seguente dimostra, con metodo diversi parametri fadeIn ():

Esempi

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

Prova »

Metodo jQuery fadeOut ()

Metodo jQuery fadeOut () viene utilizzato per sfumare elementi visibili.

sintassi:

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

Il parametro di velocità opzionale specifica la durata dell'effetto. Esso può assumere i seguenti valori: "lento", "veloce", o millisecondi.

Il parametro di callback opzionale è il nome della funzione eseguita dopo sbiadimento completato.

L'esempio seguente dimostra, con metodo diversi parametri fadeOut ():

Esempi

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

Prova »

Metodo jQuery fadeToggle ()

jQuery fadeToggle metodo () può essere commutato tra fadeIn () e fadeOut () metodo.

Se l'elemento ha lasciato, il fadeToggle () aggiunge un effetto di dissolvenza agli elementi.

Se l'elemento è una dissolvenza, il fadeToggle () aggiungerà un effetto fade-out agli elementi.

sintassi:

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

Il parametro di velocità opzionale specifica la durata dell'effetto. Esso può assumere i seguenti valori: "lento", "veloce", o millisecondi.

Il parametro di callback opzionale è il nome della funzione eseguita dopo sbiadimento completato.

L'esempio seguente dimostra, con metodo diversi parametri fadeToggle ():

Esempi

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

Prova »

Metodo jQuery fadeTo ()

Metodo jQuery fadeTo () consente un dato opacità pendenza (un valore compreso tra 0 e 1).

sintassi:

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

parametri di velocità richiesti periodo di tempo specificato effetto. Esso può assumere i seguenti valori: "lento", "veloce", o millisecondi.

opacità parametri del metodo fadeTo () richiesta svanirà effetto alla data di opacità (un valore compreso tra 0 e 1).

Il parametro callback opzionale è il nome della funzione dopo il completamento della funzione svolta.

L'esempio seguente dimostra fadeTo con parametri differenti () metodo:

Esempi

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

Prova »