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ą:

html<button id="fade">spausk mane</button>
<div id="elem">tekstas...</div>

Tegul taip pat turime CSS:

css#elem {
  padding: 10px;
  width: 150px;
  height: 150px;
  border: 1px solid green;
  margin-top: 10px;
}

Dabar parašykime tokį Javascript kodą:

javascript$('#fade').click(function() {
  $('#elem').fadeTo(1000, 0.5);
});