Codarea textului cu animații text cu jQuery TypeIt

combo de jQuery și text nu deține limite pe web. Puteți construi aproape orice, cu un pic de creativitate și bibliotecile JavaScript potrivite.

O astfel de bibliotecă este TypeIt, construit ca un plugin jQuery gratuit. Vă permite să creați animații de tipărire dinamică care arată incredibil de realistă. Puteți chiar să definiți pauze personalizate între intrările de la tastatură pentru a vă crea o relaxare proprie pentru animație.

TypeIt este 100% gratuit și open-source, construit ca a instrument de text pentru comunitatea jQuery. Toate documentele sunt disponibile online și incredibil de ușor de urmărit.

Totuși, rețineți că în timp ce TypeIt nu vine cu un a licență personală gratuită, licențele comerciale fac, din păcate, bani de cost. Dar, puteți folosi gratuit licența personală pentru totdeauna și asta nu expiră niciodată, deci este o resursă excelentă pentru toate proiectele dvs. personale sau chiar pentru site-ul personal.

Puteți începe prin adăugând fișierul JavaScript brut TypeIt prin CDN direct la antetul paginii dvs. Apoi adăugați jQuery, scrieți un text și conectați-l împreună. Simplu!

În mod obișnuit vizați o anumită div pe pagină și utilizați-l ca un container pentru animația textului. Iată a exemplu fragment de cod pentru a vă arăta cum funcționează aceasta:

 $ ('tip-it')) typeIt (siruri de caractere: ['Acesta este sirul meu!']); 

De trecând opțiunile personalizate la typeIt () puteți să încetinească viteza de introducere a textului, să adăugați pauze la anumite intervale și chiar să resetați setările la anumite intervale pentru a schimba viteza de scriere la jumătatea animației.

Puteți chiar testați aceste opțiuni pe pagina de plugin, dacă sunteți dispus să petreceți ceva timp să vă jucați cu setările.

Acest constructor de animație text este exemplul perfect al ceea ce puteți face cu acest plugin. Obțineți atâtea opțiuni personalizate pe care le puteți construi chiar și o aplicație web, folosind acest plugin, la creați animații în zbor!

Pe pagina principală a pluginului, veți găsi, de asemenea opțiuni mai avansate spre partea de jos cu fragmente de cod pe care le puteți copia.

Deci, descarcă TypeIt și da-i o șansă! Odată ce ați reușit să lucrați, este foarte distractiv. Și dacă aveți întrebări sau sugestii pentru dezvoltator, puteți să vă conectați cu el pe Twitter @amacarthur.