Metoden fadeTo i jQuery
Metoden fadeTo
tillater å redusere gjennomsiktigheten
opacity
til et element til en bestemt verdi (0 - helt
gjennomsiktig, 1 - helt ugjennomsiktig).
Som første parameter tar metoden til hvilken
verdi gjennomsiktigheten skal endres, og som andre
- utførelsestiden.
La oss gjøre slik at ved klikk på en knapp
blir vårt element halvgjennomsiktig på
1 sekund. Til å begynne med tar vi følgende HTML-kode:
<button id="fade">click me</button>
<div id="elem">text...</div>
La oss også ha CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nå skriver vi følgende Javascript-kode:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
