Анимация набора текста на jQuery

Сегодня мы бы хотели вам рассказать о библиотеке TypeIt — бесплатном jQuery плагине. С её помощью можно имитировать набор текста. Если всё настроить правильно, то можно добиться очень реалистичного эффекта.

Вся документация предельно проста и доступна онлайн.

Для начала вам нужно подключить JavaScript файл TypeIt через CDN, а затем вызвать плагин, написав пару строк на jQuery.

Необходимо указать блок div на странице, куда будет записан текст:

$('.type-it').typeIt({
     strings: ['This is my string!']
});

Через функцию typeIt() вы можете замедлить или ускорить скорость набора текста.

Все доступные настройки можно “пощупать” на странице плагина.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://www.hongkiat.com/blog/code-typing-text-animations-jquery-typeit/
Перевел: Станислав Протасевич
Урок создан: 26 Июля 2017
Просмотров: 39945
Правила перепечатки


5 последних уроков рубрики "jQuery"

^ Наверх ^