Die fadeTo-metode in jQuery
Die metode fadeTo
laat toe om die deursigtigheid
opacity
van 'n element tot 'n sekere waarde te verminder (0 - heeltemal
deursigtig, 1 - heeltemal ondeursigtig).
Die eerste parameter wat die metode aanvaar is tot watter
waarde om die deursigtigheid te verander, en die tweede
- die uitvoeringstyd.
Kom ons maak dat wanneer op die knoppie geklik word,
ons element halfdeursigtig word oor
1 sekonde. Kom ons neem eers die volgende HTML-kode:
<button id="fade">click me</button>
<div id="elem">text...</div>
Laat ons ook CSS hê:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nou skryf ons die volgende Javascript-kode:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
