Документация для разработчиков

BX.easing

BX.easing(
options
);

Функция-конструктор.

Параметры функции

Параметр options может содержать следующие настройки:

options = {
	duration : длительность анимации в миллисекундах, по умолчанию 1000ms
	start : стартовый набор значений
	finish : конечный набор значений
	transition : функция-анимации, по умолчанию линейная
	step : функция-обработчик каждой итерации анимации
	complete : функция-обработчик, которая выполнится после окончания анимации
	delay: задержка между итерациями анимации в миллисекундах, по умолчанию 13ms
	progress : функция-обработчик каждой итерации анимации, вызывается только при использовании animateProgress (см. описание ниже)
}

Стартовый и конечный набор значений содержат значения, которые будут изменяться в процессе анимации. Например, если мы хотим плавно показать баннер на странице (высота и прозрачность изменяется от 0 до 100), то в options указываем следующее:

start : { height : 0,  opacity : 0 },
finish : { height : 100, opacity : 100 }

Функция-обработчик step на каждой итерации анимации будет получать Javascript-объект с текущими значениями height и opacity.

Возвращаемое значение

Возвращает объект класса BX.easing.

Примеры использования

var banner = BX("my-banner");
var easing = new BX.easing({
	duration : 500,
	start : { height : 0, opacity : 0 },
	finish : { height : 100, opacity: 100 },
	transition : BX.easing.transitions.quart,
	step : function(state){
		banner.style.height = state.height + "px";
		banner.style.opacity = state.opacity/100;
	},
	complete : function() {
		banner.style.display = "none";
	}
});
easing.animate();


Пользовательские комментарии

Мы будем рады, если разработчики добавят свои комментарии по практическому использованию методов системы.

Для этого нужно всего лишь авторизоваться на сайте

Но помните, что Пользовательские комментарии, несмотря на модерацию, не являются официальной документацией. Ответственность за их использование несет сам пользователь.

Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.
© «Битрикс», 2001-2019, «1С-Битрикс», 2019
Наверх