Функции - обёртки анимации

Полный список свойств и функций, а так же общие правила их использования, см. здесь: Краткий обзор и правила, список функций VcorpJS.

Функции анимации VcorpJS доступны только ПОСЛЕ инициализации объекта VcorpJS, подробности: Подключение и инициализация VcorpJS

Для краткого обзора особенностей и правил анимации рекомендуется почитать Анимация - краткий обзор и правила.

Функции - обёртки анимации позволяют указывать минимум параметров и используют базовую функцию анимации.

Все функции-обёртки вместо массивов принимает по одному значению для всех 4-х рамок и углов.
Возвращают дескриптор анимации или null - аналогично базовой функции .animate().
Подробное описание необязательных параметров нижеприведённых функций приведено в описании базовой функции анимации.

.aWrap( node , [ time ] , [ step ] , [ startPos ] , [ endPos ] , [ startBW ] , [ endBW ] , [ startBR ] , [ endBR ] , [ startOpacity ] , [ endOpacity ] , [ startBGС ] , [ endBGС ] , [ startBC ] , [ endBC ] , [ handler ] )

Полный аналог базовой функции, но вместо массивов принимает по одному значению для всех 4-х рамок и углов.

.aOpacity( node , [ time ] , [ step ] , startOpacity , endOpacity , [ handler ] )

Плавное изменение прозрачности HTML-объекта node

time - время анимации (по умолчанию 1000 мс.)

step - шаг анимации (по умолчанию 50 мс.)

startOpacity - СТАРТОВОЕ значение прозрачности (от 0 до 1). Для IE8 тоже от 0 до 1

endOpacity - КОНЕЧНОЕ значение прозрачности (от 0 до 1). Для IE8 тоже от 0 до 1

.aHeight( node , [ time ] , [ step ] , startHeight , endHeight , [ startBW ] , [ endBW ] , [ startBR ] , [ endBR ] , [ startOpacity ] , [ endOpacity ] , [ startBGС ] , [ endBGС ] , [ startBC ] , [ endBC ] , [ handler ] )

Плавное изменение высоты HTML-объекта node

startHeight - СТАРТОВАЯ высота в пискелях (по умолчанию 0)

endHeight - КОНЕЧНАЯ высота в пискелях (по умолчанию 0)

Функция работает так: если текущая высота объекта node.style.height равна startHeight, то высота анимируется до endHeight, иначе наоборот.

.aWidth( node , [ time ] , [ step ] , startWidth , endWidth , [ startBW ] , [ endBW ] , [ startBR ] , [ endBR ] , [ startOpacity ] , [ endOpacity ] , [ startBGС ] , [ endBGС ] , [ startBC ] , [ endBC ] , [ handler ] )

Плавное изменение высоты HTML-объекта node

startWidth - СТАРТОВАЯ ширина в пискелях (по умолчанию 0)

endWidth - КОНЕЧНАЯ ширина в пискелях (по умолчанию 0)

Функция работает так: если текущая ширина объекта node.style.width равна startWidth, то ширина анимируется до endWidth, иначе наоборот.

Для навигации по всем страницам этого раздела сайта используйте пиктограмму или ссылку Навигация в верхней строке навигации.

  • «VcorpJS» - Главная страница раздела
  • Основные сведения
  • Подключение и инициализация VcorpJS
  • Типовой CSS-файл
  • Краткий обзор и правила, список всех функций.
  • Работа с функциями различного назначения
  • Функции общего назначения
  • Работа с классами и стилями
  • Работа с coockie
  • Работа со слоями (layers)
  • Управление событиями, спец-объект и обработчики
  • Работа со встроенными плагинами
  • Плагины VcorpJS - краткий обзор и правила
  • Перетаскивание объектов
  • Многоуровневые анимационные меню
  • Галереи изображений
  • Блоки ротации изображений
  • Модальное диалоговое окно
  • Модальное окно сообщения
  • Переключатели-флажки checkbox
  • Форматированный ввод данных
  • Поля ввода со списком выбора - combobox
  • Календарь (datepicker)
  • Оконная система
  • Оконная система - краткий обзор и правила
  • Настройка окон и оконная callback-функция
  • Функции работы с окнами
  • Работа с панелью окон
  • Табличный вывод данных Grid
  • Grid - краткий обзор и правила
  • Функции работы с Grid
  • Анимация объектов
  • Краткий обзор и правила анимации
  • Базовая функция анимации
  • Функции - обёртки анимации
  • POST запросы VcorpJS
  • POST запросы VcorpJS
  • Canvas и SVG - графика
  • Canvas - краткий обзор и правила
  • SVG - графики (charts)
  • Скачать vcorp_js_00_80.zip (35 Kb - js и css файлы)
  •  
  • Vcorp.ru - Главная страница сайта
  • Тест больших гридов в перемещаемых окнах
  • Тестирование 3D графики в браузерах
  • «Vcorp Generator» - Главная страница раздела
  • «Lazarus fpCEF3» - Главная страница раздела
  • Открывать окно навигации
    <<<
    Изменить высоту >>