Tutorial di base jQuery

Effetti jQuery

Il metodo fadeTo() cambia gradualmente l'opacità dell'elemento selezionato alla opacità specificata.

Questo metodo è simile afadeIn()Il metodo è simile, ma questo metodo nasconde l'elemento e sempre con un'opacità del 100％.

Attenzione: Il metodo fadeTo() non modifica la layout della pagina (l'elemento selezionato continuerà a occupare lo stesso spazio come prima).

$(selector)fadeTo.(duration,　opacity,　easing,　callback)

Gradualmente riduce l'opacità dell'elemento <div>:

Esempio

$("button").click(function(){
　　$("div").fadeTo(500,　0.2);
});

Gradualmente modifica l'opacità dell'elemento <div>:

Esempio

$("#btn1").click(function(){
　　$("div").fadeTo(1000,　0);
});
$("#btn2").click(function(){
　　$("div").fadeTo(1000, 1);
});

UtilizzarecallbackParametro:

Esempio

$("button").click(function(){
　　$("div").fadeTo(500, 0, function(){
　　　　alert("La trasparenza è ridotta!!!");
　　});
});

Parametro	Descrizione
durata	Una stringa o un numero che specifica quanto durerà l'effetto di dissolvenza Valori possibili: Millisecondi (ad esempio 100, 500, 2000, ecc.) "fast" "slow"
opacità	Specificare l'opacità di dissolvenza. Deve essere un numero tra 0.00 e 1.00
easing	(Opzionale) Una stringa che specifica la velocità dell'elemento in diversi punti dell'animazione. Il valore predefinito è "swing" Valori possibili: "swing" - Muoversi più lentamente all'inizio e alla fine, più velocemente nel mezzo "linear" - Muoversi a velocità costante
callback	(Opzionale) Il metodo fadeTo() è completato, il funzionamento della funzione chiamata