Анимация смены текста

Javascript-расширение ui.textanimate осуществляет анимированную смену текста. Помогает показать изменение текстовой информации на странице.

Подключение на PHP-странице:

\Bitrix\Main\UI\Extension::load("ui.textanimate");

Подключение в jS

import {TextAnimate} from 'ui.textanimate';

Использование

В js-коде необходимо инициализировать анимацию у блока с текстом и передать в инициализацию новую строку. См. пример.

<div class="target-text">
 
var animate = new BX.UI.TextAnimate({
	container: document.querySelector('.target-text'),
	interval: 10 
});
 
mask.init('Новый текст');

В параметр container необходимо передать элемент инпута. Параметр interval задаёт интервал смены символов (не обязателен).

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

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

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

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

Также Пользовательские комментарии не являются местом для обсуждения функционала. По подобным вопросам обращайтесь на форумы.

Наверх