Metoda fadeTo në jQuery
Metoda fadeTo
lejon të ulim transparencën
opacity
të një elementi në një vlerë të caktuar (0 - plotësisht
transparent, 1 - plotësisht jo transparent).
Si parametër të parë metoda pranon në cilën vlerë
të ndryshojë transparencën, kurse si të dytën
- kohën e ekzekutimit.
Le ta bëjmë që me një klikim mbi butonin
elementi ynë të bëhet gjysmë transparent për
1 sekondë. Për fillim le të marrim këtë kod HTML:
<button id="fade">click me</button>
<div id="elem">text...</div>
Le të kemi edhe këtë CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Tani shkruajmë këtë kod Javascript:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});