Metoden fadeTo i jQuery

Metoden fadeTo tillater å redusere gjennomsiktigheten opacity til et element til en bestemt verdi (0 - helt gjennomsiktig, 1 - helt ugjennomsiktig). Som første parameter tar metoden til hvilken verdi gjennomsiktigheten skal endres, og som andre - utførelsestiden.

La oss gjøre slik at ved klikk på en knapp blir vårt element halvgjennomsiktig på 1 sekund. Til å begynne med tar vi følgende HTML-kode:

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

La oss også ha CSS:

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

Nå skriver vi følgende Javascript-kode:

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