Metoda fadeTo v jQuery

Metoda fadeTo omogoča zmanjšanje prosojnosti opacity elementa na določeno vrednost (0 - popolnoma prosojen, 1 - popolnoma neprosojen). Prvi parameter metode sprejme vrednost, na katero spremeniti prosojnost, drugi parameter pa čas izvajanja.

Naredimo tako, da ob kliku na gumb naš element postane polprosojen v 1 sekundi. Za začetek vzemimo naslednjo HTML kodo:

html<button id="fade">click me</button>
<div id="elem">text...</div>

Naj imamo tudi CSS:

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

Zdaj pripravimo naslednjo Javascript kodo:

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