Metodas fadeTo jQuery
Metodas fadeTo
leidžia sumažinti elemento
opacity
permatomumą iki tam tikros reikšmės (0 - visiškai
permatomas, 1 - visiškai nepermatomas).
Pirmuoju parametru metodas priima iki kokios
reikšmės pakeisti permatomumą, o antruoju
- vykdymo laiką.
Padarykime taip, kad paspaudus mygtuką
mūsų elementas taptų pusiau permatomas per
1 sekundę. Pirmiausia paimkime tokį HTML kodą:
<button id="fade">spausk mane</button>
<div id="elem">tekstas...</div>
Tegul taip pat turime CSS:
#elem {
padding: 10px;
width: 150px;
height: 150px;
border: 1px solid green;
margin-top: 10px;
}
Dabar parašykime tokį Javascript kodą:
$('#fade').click(function() {
$('#elem').fadeTo(1000, 0.5);
});