jQuery vaikutukset - liikkuminen

jQuery:n liukumetodi mahdollistaa elementin liikkumisen ylös alas.

Tulosta esimerkki

Napsauta tätä piilottamaan/näyttämään paneeli

Aikaa on arvokasta kuin kultaa, siksi tarjoamme sinulle nopeita ja ymmärrettäviä oppimismateriaaleja.

Tässä voit hankkia tarvitsemasi tiedon ymmärrettävällä ja mukavalla tavalla.

Esimerkki

jQuery slideDown()
Esitetään jQuery slideDown() -menetelmää.
jQuery slideUp()
Esitetään jQuery slideUp() -menetelmää.
jQuery slideToggle()
Esitetään jQuery slideToggle() -menetelmää.

jQuery liukumismenetelmät

jQuery:llä voit luoda liukumisia elementeissä.

jQuery:llä on seuraavat liukumismenetelmät:

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

jQuery slideDown() -menetelmä

jQuery slideDown() -menetelmä liukaisee elementtiä alas.

Syntaksi:

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

Valinnainen speed -parametri määrittelee vaikutuksen keston. Se voi olla seuraavia arvoja: "slow", "fast" tai millisekuntia.

Valinnainen callback -parametri on kutsun nimi, joka suoritetaan liukumisen jälkeen.

Seuraava esimerkki näyttää slideDown() metodin käytön:

Esimerkki

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

Kokeile itse

jQuery slideUp() -menetelmä

jQuery slideUp() -menetelmä liukaisee elementtiä ylös.

Syntaksi:

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

Valinnainen speed Parametri määrittelee vaikutuksen keston. Se voi olla seuraavia arvoja: "slow", "fast" tai millisekuntia.

Valinnainen callback Parametri on kutsun nimi, joka suoritetaan liukumisen jälkeen.

Seuraava esimerkki näyttää slideUp() metodin käytön:

Esimerkki

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

Kokeile itse

jQuery slideToggle() -menetelmä

jQuery slideToggle() -menetelmä voi vaihtaa slideDown() ja slideUp() -menetelmien välillä.

Jos elementti liukuu alas, slideToggle() voi liu'ttaa sen ylös.

Jos elementti liukuu ylös, slideToggle() voi liu'ttaa sen alas.

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

Valinnainen speed Parametri määrittelee vaikutuksen keston. Se voi olla seuraavia arvoja: "slow", "fast" tai millisekuntia.

Valinnainen callback Parametri on kutsun nimi, joka suoritetaan liukumisen jälkeen.

Seuraava esimerkki näyttää slideToggle() metodin käytön:

Esimerkki

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

Kokeile itse

jQuery vaikutuseen viittomakirja

Jos haluat tutustua jQuery vaikutuksiin kokonaisuudessaan, vierailkaamme jQuery vaikutuseen viittomakirja。