I metodi di scorrimento jQuery scorrono gli elementi su e giù.
Fare clic per far scorrere verso il basso / il pannello
Perché il tempo è prezioso, noi forniamo l'apprendimento facile e veloce.
A w3ii, si può studiare tutto ciò che serve per imparare, in un formato accessibile e maneggevole.
Esempi
jQuery slideDown()
Dimostra il jQuery slideDown() metodo.
jQuery slideUp()
Dimostra il jQuery slideUp() metodo.
jQuery slideToggle()
Dimostra il jQuery slideToggle() metodo.
jQuery Metodi scorrevole
Con jQuery è possibile creare un effetto di scorrimento su elementi.
jQuery ha i seguenti metodi di scorrimento:
- slideDown()
- slideUp()
- slideToggle()
jQuery slideDown() Metodo
Il jQuery slideDown() metodo è utilizzato per scorrere lungo un elemento.
Sintassi:
$(selector).slideDown(speed,callback);
Il parametro di velocità opzionale specifica la durata dell'effetto. Esso può assumere i seguenti valori: "slow", "fast" , o millisecondi.
Il parametro di callback facoltativa è una funzione da eseguire dopo il completamento di scorrimento.
L'esempio seguente mostra la slideDown() metodo:
jQuery slideUp() Metodo
Il jQuery slideUp() metodo è utilizzato per scorrere su un elemento.
Sintassi:
$(selector).slideUp(speed,callback);
Il parametro di velocità opzionale specifica la durata dell'effetto. Esso può assumere i seguenti valori: "slow", "fast" , o millisecondi.
Il parametro di callback facoltativa è una funzione da eseguire dopo il completamento di scorrimento.
L'esempio seguente mostra la slideUp() metodo:
jQuery slideToggle() Metodo
Il jQuery slideToggle() metodo alterna tra il slideDown() e slideUp() metodi.
Se gli elementi sono stati scivolare verso il basso, slideToggle() li scorrere su.
Se gli elementi sono stati scivolato fino, slideToggle() li scivolare verso il basso.
$(selector).slideToggle(speed,callback);
Il parametro di velocità opzionale può assumere i seguenti valori: "slow", "fast" , millisecondi.
Il parametro di callback facoltativa è una funzione da eseguire dopo il completamento di scorrimento.
L'esempio seguente mostra la slideToggle() metodo:
Mettiti alla prova con esercizi!
Esercizio 1 » Esercizio 2» Esercizio 3 » Esercizio 4»
jQuery Effetti di riferimento
Per una panoramica completa di tutti gli effetti jQuery, si prega di visitare il nostro jQuery Effetto di riferimento .