Metoda fadeTo v jQuery
Metoda fadeTo
omogoča zmanjšanje prosojnosti
opacity
elementa na določeno vrednost (0 - popolnoma
prosojen, 1 - popolnoma neprosojen).
Prvi parameter metode sprejme vrednost, na katero
spremeniti prosojnost, drugi parameter pa
čas izvajanja.
Naredimo tako, da ob kliku na gumb
naš element postane polprosojen v
1 sekundi. Za začetek vzemimo naslednjo HTML kodo:
<button id="fade">click me</button>
<div id="elem">text...</div>
Naj imamo tudi CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Zdaj pripravimo naslednjo Javascript kodo:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
