Corso di base jQuery

Effetti jQuery

Il metodo slideUp() nasconde l'elemento selezionato in modo scorrevole.

Attenzione:Gli elementi nascosti non influenzano più la layout della pagina.

Questo metodo viene spesso utilizzato conslideDown()Metodi combinati.

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

Quando si clicca su "#my-Div", questo esempio nasconde gli elementi ".panel" nella pagina:

Esempio

$("#my-Div").click(function(){
　　$(".panel").slideUp();
});

Fai scivolare verso l'alto tutti gli elementi <p> quando si clicca sul pulsante:

Esempio

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

UtilizzadurationParametro:

Esempio

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

UtilizzacallbackParametro:

Esempio

$("button").click(function(){
　　$("div").slideUp(1500, function(){
　　　　alert("Spostamento verso l'alto completato!");
　　});
});

Utilizza un tempo di attesa lento e un'animazione lineare per far scivolare verso l'alto tutti gli elementi ".panel":

Esempio

$("#my-Div").click(function(){
　　$(".panel").slideUp("slow", "linear");
});

Animare tutti i tag span (in questo esempio parole) per uno scorrimento veloce, completando ogni animazione in 200 millisecondi:

Esempio

$("button").click(function(){
　　$("span:last-child").slideUp("fast", function(){
　　　　$(this).prev().slideUp("fast", arguments.callee);
　　});
});

Parametro	Descrizione
duration	（Facoltativo）Determina quanto tempo durerà l'effetto di scorrimento. Il valore predefinito è 400 millisecondi Valori Possibili: Millisecondi (ad esempio 100, 500, 2000, ecc.) “fast” “slow”
easing	（Facoltativo）Una stringa che specifica la velocità degli elementi in diversi punti dell'animazione. Il valore predefinito è “swing” Valori Possibili: “swing”-spostamento più lento all'inizio/fine e più veloce nel mezzo “lineare”-spostamento a velocità costante
callback	（Facoltativo）Una funzione chiamata una volta completatoslideUp() per ogni elemento selezionato