De fadeTo-methode in jQuery
De methode fadeTo
maakt het mogelijk om de doorzichtigheid
opacity
van een element te verminderen tot een bepaalde waarde (0 - volledig
doorzichtig, 1 - volledig ondoorzichtig).
Als eerste parameter accepteert de methode tot welke
waarde de doorzichtigheid moet worden gewijzigd, en als tweede
- de uitvoeringstijd.
Laten we ervoor zorgen dat bij een klik op de knop
ons element halfdoorzichtig wordt binnen
1 seconde. Laten we eerst de volgende HTML-code nemen:
<button id="fade">click me</button>
<div id="elem">text...</div>
Laten we ook CSS hebben:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Nu schrijven we de volgende Javascript-code:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});
