jQuery-те fadeTo әдісі

fadeTo әдісі элементтің opacity мөлдірлігін белгілі бір мәнге дейін өзгертуге мүмкіндік береді (0 - толығымен мөлдір, 1 - толығымен мөлдір емес). Әдіс бірінші параметр ретінде мөлдірлікті қандай мәнге өзгертетінін қабылдайды, ал екіншісі - орындалу уақытын.

Түймені басқан кезде біздің элемент 1 секунд ішінде жартылай мөлдір болып қалатындай етейік. Алдымен келесі HTML кодын алайық:

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

Сондай-ақ бізде CSS болсын:

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

Енді келесі Javascript кодын жазамыз:

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