jQueryдеги fadeTo методу

fadeTo методу элементтин opacity жарык өткөрүмдүүлүгүн белгилүү бир мааниге чейин азайтууга мүмкүндүк берет (0 - толугу менен жарык өткөрүмдүү, 1 - толугу менен жарык өткөрбөөчү). Биринчи параметр катары метод кандай мааниге чейин жарык өткөрүмдүүлүктү өзгөртүү керектигин кабыл алат, экинчиси - аткаруу убактысын.

Келгиле, баскычты чыкылдатуу менен биздин элемент 1 секунда ичинде жарым жарык өткөрүмдүү болуп калсын. Алгач төмөнкү HTML кодун алалы:

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

Ошондой эле бизде CSS бар деп коёлу:

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

Азыр төмөнкү Javascript кодун жазабыз:

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