Метад fadeTo

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

Сінтаксіс

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

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

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

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

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

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

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

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

Прыклад

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

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

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

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

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

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