Tutorial di base jQuery

Effetti jQuery

Il metodo slideDown() mostra l'elemento selezionato in modo scorrevole.

Attenzione:Questo metodo è adatto per gli elementi nascosti con i metodi jQuery e con display:none (non visibility:hidden) nel CSS.

Questo metodo viene spesso utilizzato conslideUp()Metodi combinati.

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

Quando si fa clic su "#my-Div", questo esempio visualizza " .panel" nella pagina:

Esempio

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

Fare clic sul pulsante per far scivolare verso il basso tutti gli elementi <p>:

Esempio

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

UsaredurationParametri:

Esempio

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

UsarecallbackParametri:

Esempio

$("button").click(function(){
　　$("div").slideDown(1500, function(){
　　　　alert("Scorrimento verso il basso completato!");
　　});
});

Usare un tempo di durata lento e un'accelerazione lineare per far scivolare verso il basso tutte le " .panel":

Esempio

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

Animare tutti gli intervalli (in questo esempio le parole) per uno scorrimento rapido, completare ogni animazione in 200 millisecondi:

Esempio

$("button").click(function(){
　　$("span:first-child").slideDown("fast", function(){
　　　　$(this).next().slideDown("fast", arguments.callee);
　　});
});

Parametro	Descrizione
duration	（Opzionale）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	（Opzionale）Una stringa che specifica la velocità degli elementi in diversi punti dell'animazione. Il valore predefinito è “swing” Valori possibili: “swing”-Muovi più lentamente all'inizio/fine e più velocemente nel mezzo “linear”-Muovi a velocità costante
callback	（Opzionale）Una funzione che viene chiamata una volta completato il metodo slideDown(), per ogni elemento selezionato