Кодирование текста Анимации текста с помощью jQuery TypeIt

Комбинация jQuery и текста не имеет границ в сети. Вы можете создать практически все с небольшим творческим потенциалом и правильными библиотеками JavaScript.

Одна такая библиотека Введи это, построенный как бесплатный плагин jQuery. Это позволяет создавать динамические анимации печати, которые выглядят невероятно реалистично. Вы даже можете определить пользовательские паузы между нажатиями клавиш, чтобы создать собственное смягчение анимации.

TypeIt на 100% бесплатный и с открытым исходным кодом, построен как текстовый инструмент для сообщества jQuery. Вся документация доступно онлайн и невероятно легко следовать.

Читайте также: легко анимировать текст с помощью Textillate.js

Однако просто отметьте, что, хотя TypeIt поставляется с бесплатной личной лицензией, коммерческие лицензии, к сожалению, стоят денег. Но вы можете использовать бесплатную личную лицензию навсегда, и срок ее действия никогда не истекает, поэтому это отличный ресурс для всех ваших личных проектов или даже для вашего личного веб-сайта.

Вы можете начать, добавив необработанный файл TypeIt JavaScript через CDN прямо в заголовок вашей страницы. Затем добавьте jQuery, напишите текст и соедините все вместе. Просто!

Как правило, вы нацеливаете определенный div на странице и используете его в качестве контейнера для текстовой анимации. Вот пример кода, чтобы показать, как это работает:

$ ( ‘Тип-это’). TypeIt ({
     строки: [‘This is my string!’]
});

Передавая пользовательские параметры в функцию typeIt (), вы можете замедлить скорость печати, добавить паузы через определенные интервалы и даже сбросить настройки через определенные интервалы, чтобы изменить скорость печати в середине анимации.

Вы даже можете проверить эти параметры на страница плагина если вы готовы потратить некоторое время на игры с настройками.
Этот текстовый анимационный конструктор является идеальным примером того, что вы можете сделать с этим плагином. Вы получаете так много пользовательских опций, что вы даже можете создать веб-приложение, используя этот плагин, для создания анимации на лету!

На главной странице плагина вы также найдете более продвинутые опции внизу с фрагментами кода, которые вы можете скопировать.

Итак, скачайте TypeIt и попробуйте! Как только вы заработаете, это будет очень весело. И, если у вас есть какие-либо вопросы или предложения для разработчика, вы можете связаться с ним в Twitter @amacarthur,

Читайте также: 15 красивых текстовых эффектов, созданных с помощью CSS

            <script async src="https://triu.ru/wp-content/litespeed/localres/aHR0cHM6Ly9wbGF0Zm9ybS50d2l0dGVyLmNvbS93aWRnZXRzLmpz" charset="utf-8"></script>