Z jQuery można znikną elementy iz widocznością.
Kliknij aby fade in / out 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 fadeIn()
Demonstruje jQuery fadeIn() metody.
jQuery fadeOut()
Demonstruje jQuery fadeOut() metody.
jQuery fadeToggle()
Demonstruje jQuery fadeToggle() metody.
jQuery fadeTo()
Demonstruje jQuery fadeTo() metody.
Metody jQuery serii Fading
Z jQuery można zanikać element iz widocznością.
jQuery ma następujące metody zanikania:
- fadeIn()
- fadeOut()
- fadeToggle()
- fadeTo()
jQuery fadeIn() Metoda
JQuery fadeIn() metoda jest stosowana 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: "slow", "fast" , albo milisekund.
Opcjonalny parametr callback jest funkcją mają zostać wykonane po zakończeniu blaknięcie.
Poniższy przykład demonstruje fadeIn() metody z różnymi parametrami:
Przykład
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
}); Spróbuj sam " jQuery fadeOut() Metoda
JQuery fadeOut() Metoda służy do zanikania widoczny element.
Składnia:
$(selector).fadeOut(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ą mają zostać wykonane po zakończeniu blaknięcie.
Poniższy przykład demonstruje fadeOut() metody z różnymi parametrami:
Przykład
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
}); Spróbuj sam " jQuery fadeToggle() Metoda
JQuery fadeToggle() Metoda umożliwia przełączanie pomiędzy fadeIn() i fadeOut() metody.
Jeśli elementy są wygaszone, fadeToggle() znikną ich.
Jeśli elementy są wyblakłe, fadeToggle() znikną je.
Składnia:
$(selector).fadeToggle(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ą mają zostać wykonane po zakończeniu blaknięcie.
Poniższy przykład demonstruje fadeToggle() metody z różnymi parametrami:
Przykład
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
}); Spróbuj sam " jQuery fadeTo() Metoda
JQuery fadeTo() metoda pozwala na blaknięcie do danego zmętnienia (wartość między 0 i 1).
Składnia:
$(selector).fadeTo(speed,opacity,callback);Wymagana prędkość obrotowa biegu jałowego określa czas trwania efektu. Może przyjmować następujące wartości: "slow", "fast" , albo milisekund.
Wymagany parametr krycie w fadeTo() metody podano blaknięcie do danego zmętnienia (wartość między 0 i 1).
Opcjonalny parametr callback jest funkcją mają zostać wykonane po zakończeniu funkcji.
Poniższy przykład demonstruje fadeTo() metody z różnymi parametrami:
Przykład
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
}); Spróbuj sam " Sprawdź się z ćwiczeń!
Ćwiczenie 1 » Ćwiczenie 2» Ćwiczenie 3 » Ćwiczenia 4» Zadanie 5 »
jQuery Effects referencyjny
Aby uzyskać pełny przegląd wszystkich efekty jQuery, przejdź do naszej jQuery Effect Reference .