Метад fadeTo

Метад fadeTo плаўна мяняе празрыстасць элемента да зададзенага значэння, у дыяпазоне ад 0 да 1.

Сінтаксіс

Працягласць і празрыстасць задаюцца пры любым варыянце выкарыстання метаду. Змяненне празрыстасці за зададзены час, 400мс па змаўчанні:

.fadeTo(працягласць, значэнне празрыстасці);

Час можна задаваць не толькі ў мілісекундах, але і ключавымі словамі slow (600мс) і fast (200мс), чым большае значэнне, тым павольней анімацыя:

.fadeTo('slow' ці 'fast', значэнне празрыстасці);

Можна таксама трэцім (неабавязковым) параметрам перадаць callback-функцыю - спрацуе пасля выканання анімацыі:

.fadeTo(працягласць, значэнне празрыстасці, [callback-функцыя]);

Можна таксама перадаваць функцыю плаўнасці і callback-функцыю (неабавязковыя параметры) - спрацуе пасля выканання анімацыі:

.fadeTo(працягласць, значэнне празрыстасці, [функцыя плаўнасці], [callback-функцыя]);

Прыклад

У наступным прыкладзе, пры дапамозе метаду fadeTo пры націсканні на кнопку #hide элемент з #test будзе схавацца шляхам памяншэння празрыстасці да 0.5, а на #show - паказвацца:

<button id="hide">hide</button>
<button id="show">show</button>
<div id="test"></div>

#test {
	width: 200px;
	height: 200px;
	background: green;
	color: white;
	margin-top: 10px;
}

$('#show').on('click', function() {
	$('#test').fadeTo(1000, 1);
});

$('#hide').on('click', function() {
	$('#test').fadeTo(1000, 0.5);
});

Глядзіце таксама

метад fadeToggle,
які мяняе празрыстасць элементаў
метад fadeIn,
які плаўна паказвае схаваныя элементы, робячы іх непразрыстымі
метад animate,
які аніміруе ўласцівасці элементаў