Latest web development tutorials

Efekty jQuery - slide

jQuery metoda elementów slajdów można przesuwać w górę iw dół.

Kliknij tutaj, aby ukryć / wyświetlacz

Czas to pieniądz, więc możemy zapewnić szybkie i łatwe do zrozumienia treści nauczania dla Ciebie.

Tutaj można zrozumieć za pomocą wygodnego trybu uzyskania żadnej wiedzy co potrzeba.


Przykłady

jQuery slideDown ()
Metoda. Demo jQuery slideDown ()

jQuery slideUp ()
Metoda. Demo jQuery slideUp ()

jQuery slideToggle ()
Metoda. Demo jQuery slideToggle ()


Metody slajdów jQuery

Przez jQuery, można uzyskać efekt slajdów na elemencie.

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

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

Metoda jQuery slideDown ()

Metoda jQuery slideDown () służy do przesuwania w dół elementy.

Składnia:

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

Opcjonalny parametr prędkości określa czas trwania efektu. To może przyjmować następujące wartości: "wolno", "szybko", albo milisekund.

Opcjonalny parametr callback to nazwa funkcji wykonywanej po zakończeniu slajdu.

Poniższy przykład ilustruje sposób slideDown ():

Przykłady

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

Spróbuj »


Metoda jQuery slideUp ()

Sposób jQuery slideUp () służy do przesuwania się elementów.

Składnia:

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

Opcjonalny parametr prędkości określa czas trwania efektu. To może przyjmować następujące wartości: "wolno", "szybko", albo milisekund.

Opcjonalny parametr callback to nazwa funkcji wykonywanej po zakończeniu slajdu.

Poniższy przykład ilustruje sposób slideUp ():

Przykłady

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

Spróbuj »


Metoda jQuery slideToggle ()

jQuery slideToggle () metoda może być przełączany pomiędzy slideDown () i slideUp () metoda.

Jeśli element przesuwny do dołu, slideToggle () może przesunąć je.

Po przesunięciu się elementu, slideToggle () może przesunąć je w dół.

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

Opcjonalny parametr prędkości określa czas trwania efektu. To może przyjmować następujące wartości: "wolno", "szybko", albo milisekund.

Opcjonalny parametr callback to nazwa funkcji wykonywanej po zakończeniu slajdu.

Poniższy przykład ilustruje sposób slideToggle ():

Przykłady

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

Spróbuj »