Kôd za unos teksta animacije s jQuery TypeIt

kombinacija jQuery i teksta na webu nema granica. Možete izgraditi gotovo sve s malo kreativnosti i ispravnim JavaScript knjižnicama.

Jedna takva knjižnica je TypeIt, izgrađen kao besplatni jQuery dodatak. To vam omogućuje stvaranje dinamičke tipkanje animacija koji izgledaju nevjerojatno realno. Možete čak i definirati prilagođene stanke između pritisaka na tipke da biste izgradili vlastiti način olakšavanja za animaciju.

TypeIt je 100% besplatan i open-source, izgrađen kao alat za tekst u jQuery zajednici. Sva dokumentacija dostupna je na internetu i nevjerojatno je jednostavna za praćenje.

Međutim, samo imajte na umu da dok TypeIt dolazi s besplatna osobna licenca, komercijalne licence, nažalost, koštaju. No, zauvijek možete koristiti besplatnu osobnu licencu nikada ne istekne, tako da je veliki resurs za sve vaše osobne projekte ili čak vaše osobne web stranice.

Možete početi dodavanjem sirove TypeIt JavaScript datoteke preko CDN-a pravo na zaglavlje vaše stranice. Zatim dodajte jQuery, napišite tekst i sve ga povežite. Jednostavan!

Obično ćete ciljanje određenog dijela na stranici i koristiti ga kao spremnik za animaciju teksta. Evo jednog uzorak isječka koda kako bi vam pokazao kako to radi:

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

Po prosljeđivanje prilagođenih opcija prema typeIt () funkcija, možete usporiti brzinu tipkanja, dodati pauze u određenim intervalima, pa čak i resetirati postavke u određenim intervalima da biste promijenili brzinu tipkanja u sredini animacije.

Možete čak i testirajte ove opcije na stranici dodatka ako ste voljni provesti neko vrijeme s određenim postavkama.

Ovaj tekst animator graditelj je savršen primjer onoga što možete učiniti s ovim plugin. Dobivate toliko mnogo prilagođenih opcija koje čak možete izgraditi web-aplikaciju, pomoću ovog dodatka, do stvoriti animacije u letu!

Na glavnoj stranici dodatka pronaći ćete i više naprednih opcija prema dnu s isječcima koda koje možete kopirati.

Dakle, preuzmite TypeIt i pokušajte! Nakon što ste ga dobili rad je stvarno puno zabave. A, ako imate bilo kakvih pitanja ili prijedloga za razvojnog programera možete se povezati s njim na Twitteru @amacarthur.