Effetti jQuery - Scorrevole


I metodi di scorrimento jQuery fanno scorrere gli elementi su e giù.

Fare clic per scorrere verso il basso/verso l'alto del pannello

Poiché il tempo è prezioso, offriamo un apprendimento facile e veloce.

A W3Schools, puoi studiare tutto ciò di cui hai bisogno per imparare, in un formato accessibile e pratico.


Esempi


Dimostra il metodo jQuery slideDown().


Dimostra il metodo jQuery slideUp().


Dimostra il metodo jQuery slideToggle().


jQuery metodi di scorrimento

Con jQuery puoi creare un effetto di scorrimento sugli elementi.

jQuery ha i seguenti metodi di diapositiva:

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

jQuery metodo slideDown()

Il metodo jQuery slideDown()viene utilizzato per far scorrere un elemento verso il basso.

Sintassi:

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

Il parametro di velocità opzionale specifica la durata dell'effetto. Può assumere i seguenti valori: "slow", "fast" o millisecondi.

Il parametro di callback opzionale è una funzione da eseguire al termine dello scorrimento.

L'esempio seguente mostra il slideDown()metodo:

Esempio

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


jQuery metodo slideUp()

Il metodo jQuery slideUp()viene utilizzato per far scorrere un elemento verso l'alto.

Sintassi:

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

Il parametro di velocità opzionale specifica la durata dell'effetto. Può assumere i seguenti valori: "slow", "fast" o millisecondi.

Il parametro di callback opzionale è una funzione da eseguire al termine dello scorrimento.

L'esempio seguente mostra il slideUp()metodo:

Esempio

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

jQuery metodo slideToggle()

Il metodo jQuery slideToggle()alterna tra i metodi slideDown()e .slideUp()

Se gli elementi sono stati fatti scorrere verso il basso, slideToggle()li farà scorrere verso l'alto.

Se gli elementi sono stati fatti scorrere verso l'alto, slideToggle()li farà scorrere verso il basso.

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

Il parametro di velocità opzionale può assumere i seguenti valori: "slow", "fast", millisecondi.

Il parametro di callback opzionale è una funzione da eseguire dopo il completamento dello scorrimento.

L'esempio seguente mostra il slideToggle()metodo:

Esempio

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

Esercizi jQuery

Mettiti alla prova con gli esercizi

Esercizio:

Usa un metodo jQuery per scorrere verso l'alto un elemento <div>.

$("div").();


Riferimento agli effetti jQuery

Per una panoramica completa di tutti gli effetti jQuery, vai al nostro Riferimento agli effetti jQuery .