Page 97 - jQuery для начинающих

Этот код ещё не работает, это наши кирпичики, с их помощью будем строить нашу
анимацию. Перед работой стоит заглянуть внутрь каждого из приведенных свойств:

console.log(tween);
>>>

easing: "swing"
elem: HTMLParagraphElement

end: "#ff0000"
now: "NaNrgb(0, 0, 0)"
options: Object

complete: function (){}
duration: 1000

old: false
queue: "fx"
specialEasing: Object

pos: 1
prop: "color"

start: "rgb(0, 0, 0)"
unit: "px"

В консоле у нас будет очень много данных, т.к. приведённый метод вызывается N кол-во
раз, в зависимости от продолжительности анимации, при этом tween.pos постепенно
наращивает своё значение с 0 до 1. По умолчанию, наращивание происходит линейно, если

надо как-то иначе — то стоит посмотреть на easing плагин или дочитать раздел до конца (об
этом я уже упоминал в главе Анимация)

Даже при таком раскладе мы уже можем изменять выбранный элемент (путём
манипуляций над tween.elem), но есть более удобный способ – можно установить свойство
run объекта tween:

$.Tween.propHooks.color = {

set: function(tween) {
// тут будет инициализация

tween.run = function(progress) {
// тут код отвечающий за измение свойств элемента
}
}

}

97

www.trk.kg