Efekty jQuery - przesuwanie

Metoda jQuery滑动 umożliwia przeciąganie elementów w górę i w dół.

Pokaz efektu

Kliknij tutaj, aby ukryć/pokazać panel

Czas jest złotem, więc oferujemy Ci szybkie i zrozumiałe materiały edukacyjne.

Tutaj możesz uzyskać każdą wiedzę w zrozumiałej i wygodnej formie.

przykład

jQuery slideDown()
Demonstracja metody jQuery slideDown()
jQuery slideUp()
Demonstracja metody jQuery slideUp()
jQuery slideToggle()
Demonstracja metody jQuery slideToggle()

Metody przewijania jQuery

Dzięki jQuery, możesz tworzyć efekty przewijania na elementach.

jQuery posiada następujące metody przewijania:

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

Metoda jQuery slideDown()

Metoda jQuery slideDown() używa się do przewijania elementów w dół.

Gramatyka:

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

opcjonalny parametr speed określa czas trwania efektu. Może przyjąć wartości: "slow", "fast" lub milisekundy.

opcjonalny parametr callback to nazwa funkcji wykonywanej po zakończeniu animacji.

Poniższy przykład pokazuje metodę slideDown():

przykład

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

spróbuj sam

Metoda jQuery slideUp()

Metoda jQuery slideUp() używa się do przewijania elementów w górę.

Gramatyka:

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

opcjonalny speed parametr określa czas trwania efektu. Może przyjąć wartości: "slow", "fast" lub milisekundy.

opcjonalny callback parametr to nazwa funkcji wykonywanej po zakończeniu animacji.

Poniższy przykład pokazuje metodę slideUp():

przykład

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

spróbuj sam

Metoda jQuery slideToggle()

Metoda jQuery slideToggle() może przełączać się między metodami slideDown() i slideUp().

Jeśli element jest przewijany w dół, slideToggle() może przewijać je w górę.

Jeśli element jest przewijany w górę, slideToggle() może przewijać je w dół.

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

opcjonalny speed parametr określa czas trwania efektu. Może przyjąć wartości: "slow", "fast" lub milisekundy.

opcjonalny callback parametr to nazwa funkcji wykonywanej po zakończeniu animacji.

Poniższy przykład pokazuje metodę slideToggle():

przykład

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

spróbuj sam

jQuery podręcznik efektów

Aby kompleksowo przeglądać efekty jQuery, odwiedź nasz jQuery podręcznik efektów.