Effetti jQuery - Scorrere

Il metodo jQuery slideDown() permette agli elementi di scorrere verticalmente.

Dimostrazione degli effetti

Clicca qui per nascondere/mostrare il pannello

Un pollice di tempo è un pollice d'oro, quindi ti offriamo contenuti di apprendimento veloci e facili da capire.

Ecco come puoi ottenere qualsiasi conoscenza di cui hai bisogno in un modo comprensibile e conveniente.

Esempio

jQuery slideDown()
Dimostra il metodo slideDown() di jQuery.
jQuery slideUp()
Dimostra il metodo slideUp() di jQuery.
jQuery slideToggle()
Dimostra il metodo slideToggle() di jQuery.

Metodi di scorrimento jQuery

Con jQuery, è possibile creare effetti di scorrimento sugli elementi.

jQuery ha i seguenti metodi di scorrimento:

  • slideDown()
  • slideUp()
  • slideToggle()

Il metodo slideDown() di jQuery

Il metodo slideDown() di jQuery viene utilizzato per muovere verso il basso l'elemento.

Sintassi:

$(selettore).slideDown(speed,callback);

Il parametro opzionale speed definisce la durata dell'effetto. Può assumere i seguenti valori: "slow", "fast" o millisecondi.

Il parametro opzionale callback è il nome della funzione da eseguire dopo la fine dello scorrimento.

Esempio seguente dimostra il metodo slideDown():

Esempio

$("#flip").click(function(){
  $("#panel").slideDown();
});

Provatelo personalmente

Il metodo slideUp() di jQuery

Il metodo slideUp() di jQuery viene utilizzato per muovere verso l'alto l'elemento.

Sintassi:

$(selettore).slideUp(speed,callback);

Opzionale speed Il parametro opzionale speed definisce la durata dell'effetto. Può assumere i seguenti valori: "slow", "fast" o millisecondi.

Opzionale callback Il parametro è il nome della funzione da eseguire dopo la fine dello scorrimento.

Esempio seguente dimostra il metodo slideUp():

Esempio

$("#flip").click(function(){
  $("#panel").slideUp();
});

Provatelo personalmente

Il metodo slideToggle() di jQuery

Il metodo slideToggle() di jQuery può passare tra slideDown() e slideUp().

Se l'elemento si muove verso il basso, slideToggle() può muoverli verso l'alto.

Se l'elemento si muove verso l'alto, slideToggle() può muoverli verso il basso.

$(selettore).slideToggle(speed,callback);

Opzionale speed Il parametro opzionale speed definisce la durata dell'effetto. Può assumere i seguenti valori: "slow", "fast" o millisecondi.

Opzionale callback Il parametro è il nome della funzione da eseguire dopo la fine dello scorrimento.

Esempio seguente dimostra il metodo slideToggle():

Esempio

$("#flip").click(function(){
  $("#panel").slideToggle();
});

Provatelo personalmente

Manuale di riferimento degli effetti jQuery

Per consultare completamente gli effetti jQuery, visitate il nostro Manuale di riferimento degli effetti jQuery。