Kodas Teksto animacijos įvedimas su jQuery TypeIt

The jQuery ir teksto kombinacija neturi jokių apribojimų internete. Galite sukurti beveik viską su šiek tiek kūrybiškumo ir tinkamų „JavaScript“ bibliotekų.

Viena tokia biblioteka TipasIt, pastatytas kaip nemokamas jQuery įskiepis. Tai leidžia jums sukurti dinaminės spausdinimo animacijos tai atrodo neįtikėtinai realistiški. Jūs netgi galite nustatyti pasirinktines pauzes tarp klavišų paspaudimų, kad sukurtumėte savo palengvinimą animacijai.

TypeIt yra 100% laisvas ir atviras šaltinis, pastatytas kaip a teksto įrankis jQuery bendruomenei. Visi dokumentai yra prieinami internete ir neįtikėtinai lengva laikytis.

Tačiau atkreipkite dėmesį, kad nors „TypeIt“ yra su a nemokamą asmeninę licenciją, komercinės licencijos, deja, kainuoja pinigus. Bet jūs galite naudoti nemokamą asmeninę licenciją visam laikui niekada nebegalioja, todėl tai puikus šaltinis visiems jūsų asmeniniams projektams ar net jūsų asmeninei svetainei.

Galite pradėti pridedant neapdoroto tipo „JavaScript“ failą per CDN tiesiai į puslapio antraštę. Tada pridėkite jQuery, parašykite tekstą ir sujunkite jį visi kartu. Paprasta!

Paprastai jūs nukreipti tam tikrą puslapio puslapį ir naudoti jį kaip teksto animacijos talpyklą. Štai a kodo fragmento pavyzdys parodyti jums, kaip tai veikia:

 $ ('. type-it'). typeIt (strings: ['Tai yra mano eilutė!']); 

Iki priskirti pasirinktines parinktis į typeIt () funkciją, galite sulėtinti spausdinimo greitį, pridėti tam tikrų intervalų pauzes ir netgi atstatyti nustatymus tam tikrais intervalais, kad pakeistumėte spausdinimo greičio vidurio animaciją.

Jūs netgi galite išbandyti šias parinktis „plugin“ puslapyje, jei esate pasiruošęs praleisti laiką su nustatymais.

Šis teksto animacijos kūrėjas yra puikus pavyzdys, ką galite padaryti su šiuo papildiniu. Jūs gaunate tiek daug pasirinktinių parinkčių, kurias galite sukurti net žiniatinklio programai, naudojant šį papildinį, į sukurti animacijas skraidant!

Pagrindiniame papildinio puslapyje taip pat rasite daugiau galimybių apačioje, galite nukopijuoti kodo fragmentus.

Taigi, atsisiųskite „TypeIt“ ir atleiskite jį! Kai tik tai atliksite, tai tikrai smagu. Ir jei turite kokių nors klausimų ar pasiūlymų kūrėjui, galite susisiekti su juo „Twitter“ @acacartur.