English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Metodo fadeToggle() di effetto jQuery

Metodi di effetto jQuery

Il metodo fadeToggle() è disponibile infadeIn()efadeOut()Cambia tra i metodi.

Se l'elemento selezionato scompare, fadeToggle() li farà apparire.

Se l'elemento selezionato viene fatto apparire, fadeToggle() li farà scomparere.

Attenzione:Gli elementi nascosti non influenzeranno più la disposizione della pagina.

Sintassi:

$(selector)fadeToggle.(durata, easing, callback)

Esempio

Cambia tra l'inserimento e l'eliminazione di tutti gli elementi <p> con transizioni di sfumatura:

$("button").click(function(){
  $("p").fadeToggle();
});
Prova a vedere‹/›

UsadurationParametri:

$("button").click(function(){
  $("p").fadeToggle(1500);
});
Prova a vedere‹/›

UsacallbackParametri:

$("button").click(function(){
  $("div").fadeToggle(1500, function(){
    alert("Effetto fadeToggle completato!!!");
  });
});
Prova a vedere‹/›

Possiamo implementare l'effetto di sfumatura in/out su qualsiasi elemento, ad esempio un'immagine semplice:

$("button").click(function(){
  $("img").fadeToggle();
});
Prova a vedere‹/›

Valore del parametro

ParametroDescrizione
durationOpzionale: Determina quanto dura l'effetto di sfumatura. Il valore predefinito è 400 millisecondi

Valori possibili:

  • millisecondi (ad esempio 100, 500, 2000 ecc.)

  • “veloce”

  • “lento”

easingOpzionale: Una stringa che specifica la velocità degli elementi in diversi punti dell'animazione. Il valore predefinito è “swing”

Valori possibili:

  • “swing”-Muoversi più lentamente all'inizio e alla fine, più velocemente nel mezzo

  • “lineare”-Muoversi a velocità costante

callbackOpzionale: Una volta completato il metodo fadeToggle(), verrà chiamata questa funzione una volta per ogni elemento selezionato

Metodi di effetto jQuery