Анимация набора текста на 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
Просмотров: 39453
Правила перепечатки
5 последних уроков рубрики "jQuery"
-
Временная шкала на jQuery
jQuery плагин для создания временной шкалы.
-
Заметка: Перезагрузка и редирект на JavaScript
Быстрая заметка, где вы сможете найти парочку JS сниппетов для перезагрузки и перенаправления пользователей через JavaScript.
-
Рисуем диаграмму Ганта
jQuery плагин для создания диаграммы Ганта.
-
AJAX и PHP: загрузка файла
Пример того как осуществить загрузку файла через PHP и jQuery ajax.
-
Stimed — стили в зависимости от времени суток
Интересная библиотека с помощью которой можно задать определённым элементам страницы особые стили в зависимости от времени суток.