Efekty jQuery - Fading
Dzięki jQuery możesz zanikać i zmieniać widoczność elementów.
Kliknij, aby zanikać/zanikać panel
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 fadeIn().
Demonstruje metodę jQuery fadeOut().
Demonstruje metodę jQuery fadeToggle().
Demonstruje metodę jQuery fadeTo().
Metody zanikania jQuery
Dzięki jQuery możesz zanikać i zmieniać widoczność elementu.
jQuery ma następujące metody zanikania:
fadeIn()fadeOut()fadeToggle()fadeTo()
Metoda jQuery fadeIn()
Metoda jQuery fadeIn()służy do zanikania w ukrytym elemencie.
Składnia:
$(selector).fadeIn(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 zanikania.
Poniższy przykład ilustruje fadeIn()metodę z różnymi parametrami:
Przykład
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
jQuery fadeOut() Metoda
Metoda jQuery fadeOut()służy do ściemniania widocznego elementu.
Składnia:
$(selector).fadeOut(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 zanikania.
Poniższy przykład ilustruje fadeOut()metodę z różnymi parametrami:
Przykład
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
Metoda jQuery fadeToggle()
Metoda jQuery fadeToggle()przełącza się między
metodami fadeIn()i .fadeOut()
Jeśli elementy są wyblakłe, fadeToggle()spowoduje ich zanikanie.
Jeśli elementy są wyblakłe, fadeToggle()znikną.
Składnia:
$(selector).fadeToggle(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 zanikania.
Poniższy przykład ilustruje fadeToggle()metodę z różnymi parametrami:
Przykład
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
Metoda jQuery fadeTo()
Metoda jQuery fadeTo()pozwala na zanikanie do określonego krycia (wartość od 0 do 1).
Składnia:
$(selector).fadeTo(speed,opacity,callback);
Wymagany parametr prędkości określa czas trwania efektu. Może przyjmować następujące wartości: „wolno”, „szybko” lub milisekundy.
Wymagany parametr opacity w fadeTo()metodzie określa zanikanie do określonego krycia (wartość od 0 do 1).
Opcjonalny parametr wywołania zwrotnego to funkcja, która ma zostać wykonana po zakończeniu funkcji.
Poniższy przykład ilustruje fadeTo()metodę z różnymi parametrami:
Przykład
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
Ć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 .