Управление очередью анимации

Анимация элемента реализуется только с помощью методов, создающих анимационные эффекты. Если анимация реализована цепочкой методов, каждый эффект выполняется последовательно, друг за другом. Например, $("div").slideDown().fadeOut(); сначала начнется скольжение блока вниз, а выцветание подставиться в очередь "fx" и будет вызвано только при завершении скольжения.

Чтобы добавить пользовательские эффекты, создаются функции, которые также добавляются в очередь "fx". Очередь представляет массив функций, существующих на уровне элемента и хранящихся в jQuery.date.

Функции включаются в очередь с помощью метода .queue(), без него функции выполняться не будут. Каждая функция по своему завершению должна вызвать метод .dequeue(), чтобы передать управление следующей функции в очереди.

$("div").slideUp();

$("div").queue(function() {

document.write("Hellow");

$(this).dequeue();

});

Метод .clearQueue() удаляет все функции анимации из очереди;

.delay() – устанавливает отсрочку для запуска эффектов, ожидая определенное количество миллисекунд, прежде чем запустить следующий эффект в очереди;

.stop() – останавливает текущую анимацию в очереди сразу после его запуска для элементов набора;

.finish() – останавливает текущую анимацию, удаляет все очереди анимации и завершает все анимации для соответствующих элементов;

Управление анимацией через свойства объекта jQuery

.jQuery.fx.interval – свойство, которое позволяет изменить скорость выполнения анимации. Значение по умолчанию = 13ms.

.jQuery.fx.off – свойство, которое используется для того, чтобы глобально отключить или включить анимацию;

Методы объекта window

.close() – закрывает указанное окно;

.blur() – выводит окно из фокуса;

.focus() – помещает окно поверх всех других окон;

.moveBy() – перемещает окно на заданное число пикселей вправо и вниз;

.moveTo() – перемещает окно в заданное место экрана;

.resizeBy() – изменяет ширину и высоту окна. Первый аргумент определяет, на сколько пикселей должна увеличиться ширина окна, а второй – высота окна;

.resizeTo() – изменяет размеры окна на заданные;

.scrollBy() – прокручивает документ внутри окна на заданное количество пикселей вправо и вниз;

.scrollTo() – прокручивает документ внутри окна на заданную позицию по отношению к левому и верхнему краям;

.scrollTop() и .scrollLeft() – изменяют значение прокрутки по горизонтали и вертикали для всех элементов.

События jQuery

Помогают сделать веб – страницу интерактивной. Момент, в который произошло событие, называется запуском события.

События мыши, окна документа, форм, клавиатуры совпадают с теми, которые были рассмотрены в теме События JavaScript.

При запуске события браузер сохраняет информацию о нем в объекте события. Объект события содержит данные, собранные в момент, когда событие произошло. Обработка события происходит с помощью функции, при этом объект передается функции как аргумент – переменная evt. В пределах данной функции можно получить доступ к различным свойствам, используя точечный синтаксис. Когда функция вызывается, то объект события сохраняется в переменной evt.