Metoda fadeTo v jQuery
Metoda fadeTo
umožňuje snížit průhlednost
opacity
prvku na určitou hodnotu (0 - zcela
průhledný, 1 - zcela neprůhledný).
Prvním parametrem metoda přijímá na jakou
hodnotu změnit průhlednost, a druhým
- čas provedení.
Udělejme tak, aby po kliknutí na tlačítko
náš prvek stal se poloprůhledným za
1 sekundu. Pro začátek vezměme následující HTML kód:
<button id="fade">click me</button>
<div id="elem">text...</div>
Nechť také máme CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nyní napíšeme následující Javascript kód:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});