Die fadeTo-metode in jQuery

Die metode fadeTo laat toe om die deursigtigheid opacity van 'n element tot 'n sekere waarde te verminder (0 - heeltemal deursigtig, 1 - heeltemal ondeursigtig). Die eerste parameter wat die metode aanvaar is tot watter waarde om die deursigtigheid te verander, en die tweede - die uitvoeringstyd.

Kom ons maak dat wanneer op die knoppie geklik word, ons element halfdeursigtig word oor 1 sekonde. Kom ons neem eers die volgende HTML-kode:

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

Laat ons ook CSS hê:

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

Nou skryf ons die volgende Javascript-kode:

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