Gli ultimi tutorial di sviluppo web
 

jQuery fadeIn() Method

<Metodi jQuery Effect

Esempio

Dissolvenza in tutti gli elementi <p>:

$("button").click(function(){
    $("p").fadeIn();
});
Prova tu stesso "

Definizione e utilizzo

Il fadeIn() metodo cambia gradualmente l'opacità, per gli elementi selezionati, da nascosto a visibile (effetto dissolvenza).

Nota: gli elementi nascosti non verranno visualizzati a tutti (non più influenza il layout della pagina).

Suggerimento: Questo metodo è spesso usato insieme al fadeOut() metodo.

Sintassi

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

Parametro Descrizione
speed Facoltativo. Specifica la velocità dell'effetto fading. Il valore di default è 400 millisecondi

Valori possibili:

  • millisecondi
  • "slow"
  • "fast"
easing Facoltativo. Specifica la velocità dell'elemento in diversi punti dell'animazione. Il valore di default è "swing"

Valori possibili:

  • "swing" - moves slower at the beginning/end, but faster in the middle
  • "linear" - moves in a constant speed
Suggerimento: più funzioni di andamento sono disponibili in plugin esterni
callback Facoltativo. Una funzione da eseguire dopo il fadeIn() il metodo è completato

Per ulteriori informazioni su richiamata, visitare il nostro capitolo jQuery richiamata


Provate voi stessi - Esempi

fadeIn() - Con il parametro di velocità
Come utilizzare il parametro di velocità per specificare la velocità dell'effetto fading.

fadeIn() - Con il parametro di callback
Come utilizzare il parametro di callback quando dissolvenza dentro e fuori di un elemento.


<Metodi jQuery Effect