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