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

Утилиты

Утилит у нас не много – вот полезный плагин – position, который позволяет контролировать
положение DOM элементов – http://jqueryui.com/demos/position/, а ещё есть фабрика по
созданию виджетов, но о ней я расскажу чуть попозже.

Эффекты

Среди эффектов предоставляемых jQuery UI я выделяю четыре пункта:

— Анимация цвета
— Анимация изменения классов
— Набор эффектов
— Расширения возможностей easing

За анимацию цвета отвечает компонент «Effects Core», который позволяет анимировать
изменения цвета посредством использования функции animate():

$("#my").animate({ backgroundColor: "black" }, 1000);

Да-да, jQuery из коробки не умеет этого делать, а вот jQuery UI позволяет анимировать
следующие параметры:
— backgroundColor

— borderBottomColor
— borderLeftColor
— borderRightColor
— borderTopColor
— color
— outlineColor

Ещё одной возможностью заключенной в «Effects Core» является анимация изменений

класса DOM элемента, т.е. когда вы будете присваивать новый класс элементу, то вместо
обычного моментального применения новых CSS свойств вы будете наблюдать анимацию
этих свойств от текущих до заданных в присваиваемом классе. Для использования данного
функционала нам потребуются старые знакомые – методы addClass(), toggleClass() и
removeClass(), с одной лишь разницей – при вызове метода вторым параметром должна
быть указана скорость анимации:

$("#my").addClass("active", 1000);

$("#my").toggleClass("active", 1000);

111

www.trk.kg