Kódovanie textových animácií s jQuery TypeIt

combo jQuery a text nemá žiadne obmedzenia na webe. Môžete vytvoriť takmer čokoľvek s trochou kreativity a správnych knižníc jazyka JavaScript.

Jednou z takýchto knižníc je Napíš to, postavený ako bezplatný doplnok jQuery. To vám umožní vytvoriť animácie dynamického písania ktoré vyzerajú neuveriteľne realistické. Môžete dokonca definovať vlastné prestávky medzi stlačením klávesov, aby ste vytvorili vlastné uvoľnenie pre animáciu.

TypeIt je 100% zadarmo a open-source, postavený ako textový nástroj pre komunitu jQuery. Všetka dokumentácia je k dispozícii online a je neuveriteľne jednoduchá.

Avšak, len poznámka, že zatiaľ čo TypeIt príde s bezplatná osobná licencia, komerčné licencie robia, žiaľ, náklady. Môžete však využiť bezplatnú osobnú licenciu a navždy nikdy neuplynie, takže je to skvelý zdroj pre všetky vaše osobné projekty alebo dokonca aj vaše osobné webové stránky.

Môžete začať pridaním surového súboru JavaScript TypeIt cez CDN priamo do hlavičky vašej stránky. Potom pridajte jQuery, napíšte text a pripojte ho spolu. prostý!

Zvyčajne to bude zacielenie na konkrétnu div na stránke a použiť ho ako kontajner pre animáciu textu. Tu je a vzorový útržok kódu aby som vám ukázal, ako to funguje:

 $ ('.type-it') typeIt (reťazce: ['Toto je môj reťazec!']); 

podľa prechádzajú vlastné možnosti na Napíš to() , môžete spomaliť rýchlosť písania, pridať prestávky v určitých intervaloch a dokonca obnoviť nastavenia v určitých intervaloch, aby ste zmenili rýchlosť písania v strednej animácii.

Môžete dokonca otestujte tieto možnosti na stránke doplnku, ak ste ochotní stráviť nejaký čas s nastaveniami.

Tento nástroj na tvorbu animácií textu je dokonalým príkladom toho, čo môžete robiť s týmto doplnkom. Získate toľko vlastných možností, ktoré môžete dokonca vytvoriť webovú aplikáciu, pomocou tohto pluginu, na vytvárať animácie za behu!

Na hlavnej stránke s doplnkami nájdete tiež pokročilejších možností smerom dole s úryvkami kódu, ktoré môžete kopírovať.

Takže, stiahnite TypeIt a dať to výstrel! Akonáhle sa dostanete do práce je to naozaj veľa zábavy. A ak máte akékoľvek otázky alebo návrhy pre vývojára, môžete sa s ním spojiť na stránkach Twitter @amacarthur.