Efekty jQuery – blednutí
S jQuery můžete zeslabovat prvky viditelnosti a ztrácet je z viditelnosti.
Kliknutím panel roztmíte/ztmavíte
Protože čas je cenný, poskytujeme rychlé a snadné učení.
Na W3Schools můžete studovat vše, co se potřebujete naučit, v dostupném a praktickém formátu.
Příklady
Ukazuje metodu jQuery fadeIn().
Ukazuje metodu jQuery fadeOut().
Ukazuje metodu jQuery fadeToggle().
Ukazuje metodu jQuery fadeTo().
Metody blednutí jQuery
S jQuery můžete zeslabit prvek a zviditelnit jej.
jQuery má následující metody prolínání:
fadeIn()fadeOut()fadeToggle()fadeTo()
Metoda jQuery fadeIn().
Metoda jQuery fadeIn()se používá k vyblednutí skrytého prvku.
Syntax:
$(selector).fadeIn(speed,callback);
Volitelný parametr rychlosti určuje dobu trvání efektu. Může nabývat následujících hodnot: „slow“, „fast“ nebo milisekundy.
Volitelný parametr zpětného volání je funkce, která se má provést po dokončení slábnutí.
Následující příklad ukazuje fadeIn()metodu s různými parametry:
Příklad
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(3000);
});
Metoda jQuery fadeOut().
Metoda jQuery fadeOut()se používá k zeslabení viditelného prvku.
Syntax:
$(selector).fadeOut(speed,callback);
Volitelný parametr rychlosti určuje dobu trvání efektu. Může nabývat následujících hodnot: „slow“, „fast“ nebo milisekundy.
Volitelný parametr zpětného volání je funkce, která se má provést po dokončení slábnutí.
Následující příklad ukazuje fadeOut()metodu s různými parametry:
Příklad
$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});
Metoda jQuery fadeToggle().
Metoda jQuery fadeToggle()přepíná mezi
metodami fadeIn()a .fadeOut()
Pokud jsou prvky vybledlé, fadeToggle()vyblednou je.
Pokud jsou prvky vybledlé, fadeToggle()dojde k jejich vyblednutí.
Syntax:
$(selector).fadeToggle(speed,callback);
Volitelný parametr rychlosti určuje dobu trvání efektu. Může nabývat následujících hodnot: „slow“, „fast“ nebo milisekundy.
Volitelný parametr zpětného volání je funkce, která se má provést po dokončení slábnutí.
Následující příklad ukazuje fadeToggle()metodu s různými parametry:
Příklad
$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});
Metoda jQuery fadeTo().
Metoda jQuery fadeTo()umožňuje vyblednutí na danou neprůhlednost (hodnota mezi 0 a 1).
Syntax:
$(selector).fadeTo(speed,opacity,callback);
Parametr požadované rychlosti udává dobu trvání efektu. Může nabývat následujících hodnot: „slow“, „fast“ nebo milisekundy.
Požadovaný parametr opacity v fadeTo()metodě udává slábnutí na danou neprůhlednost (hodnota mezi 0 a 1).
Volitelný parametr zpětného volání je funkce, která se má provést po dokončení funkce.
Následující příklad ukazuje fadeTo()metodu s různými parametry:
Příklad
$("button").click(function(){
$("#div1").fadeTo("slow", 0.15);
$("#div2").fadeTo("slow", 0.4);
$("#div3").fadeTo("slow", 0.7);
});
Cvičení jQuery
Referenční příručka k efektům jQuery
Úplný přehled všech efektů jQuery naleznete v naší Referenční příručce efektů jQuery .