Gli ultimi tutorial di sviluppo web
 

jQuery Effetti - scorrevoli


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:

Esempio

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

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:

Esempio

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

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:

Esempio

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

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 .