jQuery Effetti - Metodo fadeIn()

Esempio

Usa l'effetto di dissolvenza per mostrare un elemento <p> nascosto:

$(".btn2").click(function(){
  $("p").fadeIn();
});

Prova personalmente

Definizione e uso

Il metodo fadeIn() utilizza l'effetto di dissolvenza per mostrare l'elemento selezionato, se l'elemento è nascosto.

Sintassi

$(selettore).fadeIn(speed,callback)
Parametro Descrizione
speed

Opzionale. Specifica la velocità con cui l'elemento deve passare da nascosto a visibile. Il valore predefinito è "normale".

Valori possibili:

  • Millisecondi (ad esempio, 1500)
  • "lento"
  • "normale"
  • "veloce"

Quando viene impostata la velocità, durante il processo di trasformazione da nascosto a visibile dell'elemento, la trasparenza dell'elemento cambia gradualmente (creando così l'effetto di dissolvenza).

callback

Opzionale. Funzione da eseguire dopo l'esecuzione della funzione fadeIn.

Per ulteriori informazioni sui callback, visita la sezione jQuery Callback del nostro manuale.

Non è possibile impostare questo parametro a meno che non sia stato impostato il parametro speed.

Suggerimenti e note

Suggerimento:Se l'elemento è già visibile, l'effetto non produce alcuna variazione, a meno che non venga specificata una funzione callback.

Nota:Questo effetto si applica agli elementi nascosti tramite jQuery o agli elementi con display:none dichiarato nel CSS (ma non agli elementi con visibility:hidden).

Più esempi

Usa il parametro speed
Usa il parametro speed per applicare l'effetto di dissolvenza o di scomparsa degli elementi.