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);
});