Koodi Tekstin animaatioiden kirjoittaminen jQuery TypeIt n avulla

jQueryn ja tekstin yhdistelmä ei sisällä rajoja verkossa. Voit rakentaa melkein mitä tahansa luovuuden ja oikean JavaScript-kirjaston avulla.

Yksi tällainen kirjasto on Kirjoita se, rakennettu vapaaksi jQuery-laajennukseksi. Sen avulla voit luoda dynaamiset kirjoittamisen animaatiot jotka näyttävät uskomattoman realistisilta. Voit jopa määrittää mukautettuja taukoja näppäimistön väliin rakentaaksesi omaa helpotusta animaatioon.

TypeIt on 100% vapaa ja avoin lähdekoodi, joka on rakennettu a tekstityökalu jQuery-yhteisölle. Kaikki asiakirjat ovat saatavilla verkossa ja niitä on helppo seurata.

Huomaa kuitenkin, että vaikka TypeIt: n mukana tulee a ilmainen henkilökohtainen lisenssi, kaupalliset lisenssit maksavat valitettavasti rahaa. Voit kuitenkin käyttää ilmaista henkilökohtaista lisenssiä ikuisesti ja sitä ei koskaan lakkaa, joten se on erinomainen resurssi kaikille henkilökohtaisille projekteillesi tai jopa henkilökohtaiselle verkkosivustollesi.

Voit aloittaa raaka TypeIt JavaScript-tiedoston lisääminen CDN: n kautta oikealle sivun otsikkoon. Lisää sitten jQuery, kirjoita teksti ja liitä se kaikki yhteen. Yksinkertainen!

Yleensä olet kohdistetaan tietty sivu ja käytä sitä tekstianimaation säiliönä. Tässä on a näytekoodinpätkä näyttää, miten tämä toimii:

 $ ('. type-it'). typeIt (merkkijono: ['Tämä on minun merkkijono!']); 

mennessä mukautettujen asetusten ohittaminen että Kirjoita se() Voit hidastaa kirjoittamisnopeutta, lisätä taukoja tietyin väliajoin ja jopa palauttaa asetukset tietyin väliajoin, jotta voit vaihtaa kirjoittamisnopeuden puolivälistä animaatiota.

Voit jopa testata näitä vaihtoehtoja plugin-sivulla, jos olet valmis viettämään aikaa leikkimällä asetusten kanssa.

Tämä tekstin animaatiorakentaja on täydellinen esimerkki siitä, mitä voit tehdä tämän laajennuksen avulla. Saat niin paljon mukautettuja asetuksia, että voit jopa rakentaa web-sovelluksen, käyttämällä tätä laajennusta, että luo animaatioita lennossa!

Löydät myös tärkeimmistä plugin-sivuista lisäasetuksia pohjaan ja voit kopioida koodinpätkät.

Joten, lataa TypeIt ja anna sille ammuttu! Kun saat sen, se on todella hauskaa. Ja jos sinulla on kysyttävää tai ehdotuksia kehittäjälle, voit ottaa yhteyttä häneen Twitterissä @amacarthur.