fadeTo-metodi jQuery:ssä

fadeTo -metodi mahdollistaa elementin opacity läpinäkyvyyden muuttamisen tiettyyn arvoon (0 - täysin läpinäkyvä, 1 - täysin läpinäkymätön). Ensimmäisenä parametrina metodi ottaa läpinäkyvyyden arvon, ja toisena - suoritusajan.

Tehdään niin, että napin klikkauksella elementistämme tulee puoliläpinäkyvä 1 sekunnissa. Aluksi otamme seuraavan HTML-koodin:

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

Olkoon meillä myös CSS:

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

Nyt kirjoitamme seuraavan Javascript-koodin:

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