Page 55 - jQuery для начинающих
P. 55
params – CSS свойства – с этим мы уже познакомились
duration – скорость анимации – тоже упоминалась ранее, указывается в
миллисекундах, или используя ключевые слова "fast" или "slow"
easing – указываем какую функцию будем использовать для изменения значений
callback – функция, которая будет вызвана после окончания анимации
Из приведённых параметров нам только easing не встречался ранее – я его берёг на сейчас
– этот параметр указывает, какая функция будет использоваться для процесса анимации
значений. Это могут быть линейные, квадратичные, кубически и любые другие функции.
«Из коробки» мы можем выбрать лишь между «linear» и «swing»:
Рисунок 3 — easing «linear» Рисунок 4 — easing «swing»
Заглянув в код jQuery мы легко найдём соответствующий код:
linear: function(p) {
return p;
},
swing: function(p) {
return 0.5 - Math.cos( p*Math.PI ) / 2;
}
p – коэффициент прохождения анимации, изменяется от 0 до 1
Сложно? Хотите больше и сразу? Тогда ищите easing plugin на странице
http://gsgd.co.uk/sandbox/jquery/easing/, он действительно из разряда «must have».
55
www.trk.kg
