Najnowsze tutoriale tworzenie stron internetowych
 

jQuery Efekty - przesuwne

❮ Poprzedni Następny Rozdział ❯

Metody slajdów jQuery przesuwać elementy w górę iw dół.

Kliknij, aby zjechać w dół / góra panel

Ponieważ czas jest cenny, dostarczamy szybką i łatwą naukę.

Na w3ii można badać wszystko, czego potrzeba, aby dowiedzieć się, w przystępny i poręcznym formacie.

Przykłady

jQuery slideDown()
Demonstruje jQuery slideDown() metody.

jQuery slideUp()
Demonstruje jQuery slideUp() metody.

jQuery slideToggle()
Demonstruje jQuery slideToggle() metody.

Metody przesuwne jQuery

Z jQuery można utworzyć przesuwne wpływ na elementy.

jQuery ma następujące metody slajdów:

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

jQuery slideDown() Metoda

JQuery slideDown() metoda jest stosowana zjechać element.

Składnia:

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

Opcjonalny parametr prędkości określa czas trwania efektu. Może przyjmować następujące wartości: "slow", "fast" , albo milisekund.

Opcjonalny parametr callback jest funkcją zostać wykonane po dopełnia przesuwnych.

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

Przykład

$("#flip").click(function(){
    $("#panel").slideDown();
});
Spróbuj sam "

jQuery slideUp() Metoda

JQuery slideUp() metoda stosowana jest do przesuwania się element.

Składnia:

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

Opcjonalny parametr prędkości określa czas trwania efektu. Może przyjmować następujące wartości: "slow", "fast" , albo milisekund.

Opcjonalny parametr callback jest funkcją zostać wykonane po dopełnia przesuwnych.

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

Przykład

$("#flip").click(function(){
    $("#panel").slideUp();
});
Spróbuj sam "

jQuery slideToggle() Metoda

JQuery slideToggle() Metoda umożliwia przełączanie pomiędzy slideDown() i slideUp() metody.

Jeśli elementy zostały zsunął, slideToggle() będzie przesuwać je.

Jeśli elementy zostały zsunął się, slideToggle() będzie przesuwać je w dół.

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

Opcjonalny parametr prędkość może przyjmować następujące wartości: "slow", "fast" , milisekund.

Opcjonalny parametr callback jest funkcją zostać wykonane po dopełnia przesuwnych.

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

Przykład

$("#flip").click(function(){
    $("#panel").slideToggle();
});
Spróbuj sam "

Sprawdź się z ćwiczeń!

Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4»

jQuery Effects referencyjny

Aby uzyskać pełny przegląd wszystkich efekty jQuery, przejdź do naszej jQuery Effect Reference .


❮ Poprzedni Następny Rozdział ❯