jQuery Effekter - Glid

jQuery's glidemetode gør det muligt for elementer at glide op og ned.

Effektvisning

Klik her for at skjule/vis panelet

En tidsminut er en tidsminut, så vi tilbyder dig hurtig og let forståelig læring.

Her kan du få den viden, du har brug for, på en forståelig og bekvem måde.

Eksempel

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

jQuery glidefunktioner

Med jQuery kan du oprette glidende effekter på elementer.

jQuery har følgende glidefunktioner:

  • slideDown
  • slideUp
  • slideToggle

jQuery slideDown() metoden

jQuery slideDown() metoden bruges til at rulle elementer nedad.

Syntaks:

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

Valgfri speed parameter definerer varigheden af effekten. Det kan have følgende værdier: "slow", "fast" eller millisekunder.

Valgfri callback parameter er navnet på funktionen, der udføres efter glideoperationen.

Følgende eksempel viser slideDown() metoden:

Eksempel

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

prøv det selv

jQuery slideUp() metoden

jQuery slideUp() metoden bruges til at rulle elementer opad.

Syntaks:

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

Valgfri speed Parametret definerer varigheden af effekten. Det kan have følgende værdier: "slow", "fast" eller millisekunder.

Valgfri callback Parametret er navnet på funktionen, der udføres efter glideoperationen.

Følgende eksempel viser slideUp() metoden:

Eksempel

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

prøv det selv

jQuery slideToggle() metoden

jQuery slideToggle() metoden kan skifte mellem slideDown() og slideUp() metoderne.

Hvis et element rulles nedad, kan slideToggle() rulle det opad.

Hvis et element rulles opad, kan slideToggle() rulle det nedad.

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

Valgfri speed Parametret definerer varigheden af effekten. Det kan have følgende værdier: "slow", "fast" eller millisekunder.

Valgfri callback Parametret er navnet på funktionen, der udføres efter glideoperationen.

Følgende eksempel viser slideToggle() metoden:

Eksempel

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

prøv det selv

jQuery Effekt Reference Manual

For at få en fuld oversigt over jQuery effekter, besøg vores jQuery Effekt Reference Manual。