Latest web development tutorials

Efekty jQuery - Fade

Przez jQuery, można zaimplementować elementy zanikanie efektu.

Kliknij Display Fade In / Out panelu

Ponieważ czas jest cenny, oferujemy szybki i wygodny sposób na naukę.

W tym samouczku można nauczyć wiedzę potrzebną.

Przykłady

jQuery fadeIn ()
Metoda. Demo jQuery fadeIn ()

Fadeout jQuery ()
Metoda. Demo Fadeout jQuery ()

jQuery fadeToggle ()
Metoda. Demo jQuery fadeToggle ()

jQuery fadeTo ()
Metoda. Demo jQuery fadeTo ()

Metoda jQuery Znikająca

Przez jQuery, można zaimplementować elementy zanikanie efektu.

jQuery ma cztery znikną z następujących metod:

  • fadeIn ()
  • Fadeout ()
  • fadeToggle ()
  • fadeTo ()

Metoda jQuery fadeIn ()

jQuery fadeIn () służy do wykonywania przejść w ukrytych elementów.

Składnia:

$(selector).fadeIn(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 blaknięcie zakończone.

Poniższy przykład pokazuje, ze fadeIn metody różnych parametrów ():

Przykłady

$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});

Spróbuj »

Metoda Fadeout jQuery ()

Metoda Fadeout jQuery () służy do wykonywania przejść widocznych elementów.

Składnia:

$(selector).fadeOut(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 blaknięcie zakończone.

Poniższy przykład pokazuje, ze Fadeout metody różnych parametrów ():

Przykłady

$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});

Spróbuj »

Metoda jQuery fadeToggle ()

jQuery fadeToggle () metoda może być przełączany pomiędzy fadeIn () i fadeOut () metody.

Jeśli element został lewej, fadeToggle () doda efektu zanikania do elementów.

Jeśli element jest blaknięcie, The fadeToggle () doda efekt zejścia na czynniki atmosferyczne.

Składnia:

$(selector).fadeToggle(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 blaknięcie zakończone.

Poniższy przykład pokazuje, ze fadeToggle metody różnych parametrów ():

Przykłady

$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});

Spróbuj »

Metoda jQuery fadeTo ()

Metoda jQuery fadeTo () pozwala na dany nieprzejrzystości gradientu (wartości między 0 i 1).

Składnia:

$(selector).fadeTo(speed,opacity,callback);

Parametry prędkości wymagane czas określony efekt. To może przyjmować następujące wartości: "wolno", "szybko", albo milisekund.

Zadymienie Parametry metody fadeTo () wymaganą znikną wpływ na podany zmętnienia (wartość między 0 a 1).

Opcjonalny parametr callback to nazwa funkcji po zakończeniu pełnionej funkcji.

Poniższy przykład demonstruje fadeTo z różnymi parametrami () Metoda:

Przykłady

$("button").click(function(){
$("#div1").fadeTo("slow",0.15);
$("#div2").fadeTo("slow",0.4);
$("#div3").fadeTo("slow",0.7);
});

Spróbuj »