Animacije za vnašanje besedila kode z jQuery TypeIt

The kombinacija jQuery in besedila na spletu nima omejitev. Z malo ustvarjalnosti in pravimi knjižnicami JavaScript lahko gradite skoraj vse.

Ena taka knjižnica je TypeIt, zgrajen kot brezplačen vtičnik jQuery. To vam omogoča ustvarjanje dinamične tipkalne animacije ki izgleda neverjetno realistično. Lahko celo določite premore po meri med pritiski na tipke, da ustvarite lastno sproščanje za animacijo.

TypeIt je 100% brezplačen in odprtokoden, zgrajen kot besedilno orodje za skupnost jQuery. Vsa dokumentacija je na voljo na spletu in neverjetno lahko slediti.

Vendar, samo opomba, da medtem TypeIt ne prihaja z brezplačno osebno licenco, komercialne licence žal stanejo. Ampak, lahko uporabite brezplačno osebno licenco za vedno in to nikoli ne poteče, zato je odličen vir za vse vaše osebne projekte ali celo za vašo osebno spletno stran.

Lahko ga začnete dodajanje surove datoteke TypeIt JavaScript prek CDN desno do glave strani. Nato dodajte jQuery, napišite nekaj besedila in ga povežite skupaj. Enostavno!

Običajno boste ciljno usmerite določen div na strani in ga uporabite kot vsebnik za animacijo besedila. Tukaj je a vzorčni odrezek kode da vam pokažem, kako to deluje:

 $ ('.tip-it'). typeIt (strings: ['To je moj niz!']); 

Z prenašanje možnosti po meri do typeIt () funkcija, lahko upočasnite hitrost tipkanja, dodate pavze v določenih intervalih in celo ponastavite nastavitve v določenih intervalih, da spremenite hitrost tipkanja sredi animacije.

Lahko celo preizkusite te možnosti na strani vtičnika, če ste pripravljeni nekaj časa preživeti z nastavitvami.

Ta oblikovalec besedilnih animacij je odličen primer tega, kar lahko storite s tem vtičnikom. Dobite toliko možnosti po meri, ki jih lahko celo zgradite spletno aplikacijo, z uporabo tega vtičnika, do ustvarjate animacije na letalu!

Na glavni strani vtičnika boste našli tudi naprednejše možnosti proti dnu z odrezki kode, ki jih lahko kopirate.

Torej, prenesite TypeIt in ga posnemite! Ko boste začeli delovati, je zelo zabavno. In če imate kakršna koli vprašanja ali predloge za razvijalca, se lahko z njim povežete na Twitterju @amacarthur.