Metode fadeTo jQuery

Metode fadeTo ļauj samazināt elementa opacity caurspīdīgumu līdz noteiktai vērtībai (0 - pilnībā caurspīdīgs, 1 - pilnībā necaurspīdīgs). Pirmo parametru metode pieņem līdz kādai vērtībai mainīt caurspīdīgumu, bet otro - izpildes laiku.

Izveidosim tā, lai, noklikšķinot uz pogas, mūsu elements kļūtu daļēji caurspīdīgs 1 sekundē. Sākumā ņemsim šādu HTML kodu:

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

Lai mums būtu arī CSS:

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

Tagad pierakstām šādu Javascript kodu:

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