Metoden fadeTo i jQuery
Metoden fadeTo
giver mulighed for at reducere gennemsigtigheden
opacity
af et element til en bestemt værdi (0 - fuldstændig
gennemsigtig, 1 - fuldstændig ugennemsigtig).
Som første parameter tager metoden til hvilken
værdi gennemsigtigheden skal ændres, og som anden
- udførelsestiden.
Lad os gøre det sådan, at ved et klik på knappen
bliver vores element halvgennemsigtigt på
1 sekund. Til at starte med, lad os tage følgende HTML-kode:
<button id="fade">click me</button>
<div id="elem">text...</div>
Lad os også have følgende CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nu skriver vi følgende Javascript-kode:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
