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

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

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

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

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

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

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

 $ ('. type-it'). typeIt (strings: ['Это моя строка!']); 

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

Вы можете даже проверить эти варианты на странице плагинов, если вы готовы потратить некоторое время на игры с настройками.

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

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

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