Efekty jQuery - Przesuwanie
Metody slajdów jQuery przesuwają elementy w górę iw dół.
Kliknij, aby przesunąć panel w dół/w górę
Ponieważ czas jest cenny, zapewniamy szybką i łatwą naukę.
W W3Schools możesz uczyć się wszystkiego, czego potrzebujesz do nauki, w przystępnym i poręcznym formacie.
Przykłady
Demonstruje metodę jQuery slideDown().
Demonstruje metodę jQuery slideUp().
Demonstruje metodę jQuery slideToggle().
Metody przesuwne jQuery
Dzięki jQuery możesz stworzyć efekt poślizgu na elementach.
jQuery ma następujące metody slajdów:
slideDown()slideUp()slideToggle()
Metoda jQuery slideDown()
Metoda jQuery slideDown()służy do przesuwania elementu w dół.
Składnia:
$(selector).slideDown(speed,callback);
Opcjonalny parametr prędkości określa czas trwania efektu. Może przyjmować następujące wartości: „wolno”, „szybko” lub milisekundy.
Opcjonalny parametr wywołania zwrotnego to funkcja, która ma zostać wykonana po zakończeniu przesuwania.
Poniższy przykład ilustruje slideDown()metodę:
Przykład
$("#flip").click(function(){
$("#panel").slideDown();
});
Metoda jQuery slideUp()
Metoda jQuery slideUp()służy do przesuwania elementu.
Składnia:
$(selector).slideUp(speed,callback);
Opcjonalny parametr prędkości określa czas trwania efektu. Może przyjmować następujące wartości: „wolno”, „szybko” lub milisekundy.
Opcjonalny parametr wywołania zwrotnego to funkcja, która ma zostać wykonana po zakończeniu przesuwania.
Poniższy przykład ilustruje slideUp()metodę:
Przykład
$("#flip").click(function(){
$("#panel").slideUp();
});
Metoda jQuery slideToggle()
Metoda jQuery slideToggle()przełącza się między
metodami slideDown()i .slideUp()
Jeśli elementy zostały zsunięte, slideToggle()przesunie je w górę.
Jeśli elementy zostały wysunięte, slideToggle()zsunie je w dół.
$(selector).slideToggle(speed,callback);
Opcjonalny parametr prędkości może przyjmować następujące wartości: „wolno”, „szybko”, milisekundy.
Opcjonalny parametr wywołania zwrotnego to funkcja, która ma zostać wykonana po zakończeniu przesuwania.
Poniższy przykład ilustruje slideToggle()metodę:
Przykład
$("#flip").click(function(){
$("#panel").slideToggle();
});
Ćwiczenia z jQuery
Odniesienie do efektów jQuery
Aby uzyskać pełny przegląd wszystkich efektów jQuery, przejdź do naszego Dokumentacja efektów jQuery .