Metodo fadeIn() di effetto jQuery

Metodi di effetto jQuery

Il metodo fadeIn() di jQuery gradualmente cambia l'opacità dell'elemento selezionato da nascosto a visibile.

Questo metodo di solito viene utilizzato confadeOut()usati insieme i metodi.

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

È simile afadeTo()Il metodo è simile, ma questo metodo non annulla l'elemento nascosto e può specificare il livello di opacità finale.

Sintassi:

$selector.fadeIn(duration, easing, callback)

Esempio

Inserisci gradualmente gli elementi <div>:

$("button").click(function(){
　　$("div").fadeIn();
});

Inserisci gradualmente tutti gli elementi <p>:

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

UsaredurationParametro:

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

UsarecallbackParametro:

$("button").click(function(){
　　$("div").fadeIn(600, function(){
$("h3").text("Sfumatura completata.");
　　});
});

Possiamo applicare l'effetto di sfumare/effervescente a qualsiasi elemento, ad esempio un'immagine semplice:

$("button").click(function(){
　　$("img").fadeIn();
});

Valore del parametro

Metodi di effetto jQuery