Метод fadeTo

Метод fadeTo глатко мења провидљивост елемента до задате вредности, у распону од 0 до 1.

Синтакса

Трајање и провидљивост се задају при било којој варијанти коришћења метода. Промена провидљивости за задато време, 400ms подразумевано:

javascript.fadeTo(трајање, вредност провидљивости);

Време се може задати не само у милисекундама, него и кључним речима slow (600ms) и fast (200ms), што је већа вредност, то спорија анимација:

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

Погледајте такође