Анимации за въвеждане на код с jQuery TypeIt

Най- комбо на jQuery и текст не съдържа граници в мрежата. Можете да изградите почти всичко с малко творчество и с правилните JavaScript библиотеки.

Една такава библиотека е TypeIt, построен като безплатен jQuery плъгин. Тя ви позволява да създавате динамични пишещи анимации които изглеждат невероятно реалистични. Можете дори да дефинирате персонализирани паузи между натисканията на клавишите, за да създадете собствено улеснение за анимацията.

TypeIt е 100% свободен и с отворен код, построен като a текстов инструмент за общността jQuery. Цялата документация е достъпна онлайн и е изключително лесна за следване.

Въпреки това, просто имайте предвид, че докато TypeIt идва с a безплатен личен лиценз, търговските лицензи, за съжаление, струват пари. Но можете да използвате безплатния личен лиценз завинаги и това никога не изтича, така че това е чудесен ресурс за всички ваши лични проекти или дори личния ви уебсайт.

Можете да започнете от добавяне на суров JavaScript TypeIt файл чрез CDN вдясно до заглавката на страницата ви. След това добавете jQuery, напишете текст и го свържете заедно. прост!

Обикновено ще насочете определен раздел на страницата и го използвайте като контейнер за анимация на текст. Ето едно примерен кодов фрагмент за да ви покажа как работи това:

 $ ('. type-it'). typeIt (strings: ['Това е моят низ!']); 

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

Можете дори тествайте тези опции на страницата с плъгини, ако сте готови да прекарате известно време да играете с настройките.

Този създател на анимация на текст е идеалният пример за това, което можете да направите с този плъгин. Можете да получите толкова много потребителски опции, които можете дори да изградите уеб приложение, използвайки този плъгин, да се създавайте анимации в движение!

На главната страница на приставката ще намерите също по-разширени опции към дъното с кодови фрагменти, които можете да копирате.

Така че, изтеглете TypeIt и да го изстреляте! Веднъж след като го осъществите, е много забавно. И ако имате някакви въпроси или предложения за разработчика, можете да се свържете с него в Twitter @amacarthur.