jQuery Effect - Slide

De jQuery scrollmethode maakt het mogelijk om elementen omhoog en omlaag te laten scrollen.

Effect demonstratie

Klik hier om het paneel te verbergen/toon

Een inch tijd is een inch goud, dus bieden we u een snelle en begrijpelijke leerinhoud aan.

Hier kunt u kennis verkrijgen op een begrijpelijke en handige manier.

Voorbeeld

jQuery slideDown()
Demonstreer de jQuery slideDown() methode.
jQuery slideUp()
Demonstreer de jQuery slideUp() methode.
jQuery slideToggle()
Demonstreer de jQuery slideToggle() methode.

jQuery Schuifmethoden

Met jQuery kunt u schuifeffecten op elementen aanbrengen.

jQuery beschikt over de volgende schuifmethoden:

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

De jQuery slideDown() methode

De jQuery slideDown() methode wordt gebruikt om elementen naar beneden te schuiven.

Syntaxis:

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

De optionele speed parameter bepaalt de duur van het effect. Het kan de volgende waarden aannemen: "slow", "fast" of milliseconden.

De optionele callback parameter is de naam van de functie die wordt uitgevoerd nadat het schuiven is voltooid.

Hieronder wordt de slideDown() methode gedemonstreerd:

Voorbeeld

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

Probeer het zelf

De jQuery slideUp() methode

De jQuery slideUp() methode wordt gebruikt om elementen omhoog te schuiven.

Syntaxis:

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

Optioneel speed De parameter bepaalt de duur van het effect. Het kan de volgende waarden aannemen: "slow", "fast" of milliseconden.

Optioneel callback De parameter is de naam van de functie die wordt uitgevoerd nadat het schuiven is voltooid.

Hieronder wordt de slideUp() methode gedemonstreerd:

Voorbeeld

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

Probeer het zelf

De jQuery slideToggle() methode

De jQuery slideToggle() methode kan schakelen tussen slideDown() en slideUp() methoden.

Als een element naar beneden schuift, kan slideToggle() het naar boven schuiven.

Als een element omhoog schuift, kan slideToggle() het naar beneden schuiven.

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

Optioneel speed De parameter bepaalt de duur van het effect. Het kan de volgende waarden aannemen: "slow", "fast" of milliseconden.

Optioneel callback De parameter is de naam van de functie die wordt uitgevoerd nadat het schuiven is voltooid.

Hieronder wordt de slideToggle() methode gedemonstreerd:

Voorbeeld

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

Probeer het zelf

jQuery Effecten Referentiemanual

Voor een volledige overzicht van jQuery effecten, bezoek onze jQuery Effecten Referentiemanual.