jQuery Effekter - Skrolla

jQuery:s rullningsmetod låter element rulla upp och ner.

Effektvisning

Klicka här för att dölja/visa panelen

En tidsminut är lika med en tums guld, därför erbjuder vi dig snabbt och lättförståeligt innehåll för att lära dig.

Här kan du få den kunskap du behöver på ett enkelt och intuitivt sätt.

Exempel

jQuery slideDown()
Demonstrera jQuery slideDown() metoden.
jQuery slideUp()
Demonstrera jQuery slideUp() metoden.
jQuery slideToggle()
Demonstrera jQuery slideToggle() metoden.

jQuery Glidningsmetoder

Genom jQuery kan du skapa glidande effekter på element.

jQuery har följande glidningsmetoder:

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

jQuery slideDown() metoden

jQuery slideDown() metoden används för att rulla ner element.

Syntaks:

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

Valfritt speed-argumentet anger varaktigheten för effekten. Det kan vara "slow", "fast" eller millisekunder.

Valfritt callback-argumentet är namnet på den funktion som körs efter att glidningen är klar.

Följande exempel visar hur slideDown() metoden används:

Exempel

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

prova själv

jQuery slideUp() metoden

jQuery slideUp() metoden används för att rulla upp element.

Syntaks:

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

Valfritt speed Parametern anger varaktigheten för effekten. Det kan vara "slow", "fast" eller millisekunder.

Valfritt callback Parametern är namnet på den funktion som körs efter att glidningen är klar.

Följande exempel visar hur slideUp() metoden används:

Exempel

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

prova själv

jQuery slideToggle() metoden

jQuery slideToggle() metoden kan växla mellan slideDown() och slideUp() metoder.

Om ett element rullar nedåt, kan slideToggle() rulla upp dem.

Om ett element rullar uppåt, kan slideToggle() rulla ner dem.

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

Valfritt speed Parametern anger varaktigheten för effekten. Det kan vara "slow", "fast" eller millisekunder.

Valfritt callback Parametern är namnet på den funktion som körs efter att glidningen är klar.

Följande exempel visar hur slideToggle() metoden används:

Exempel

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

prova själv

jQuery Effekter Referenshandbok

För att få en fullständig översikt över jQuery effekter, besök vår jQuery Effekter Referenshandbok。