Kood Teksti animatsioonide sisestamine jQuery TypeIt-ga

The jQuery ja teksti kombinatsioon ei piira veebis piire. Võite ehitada peaaegu kõike loovuse ja õige JavaScripti raamatukoguga.

Üks selline raamatukogu on Kirjuta see, ehitatud tasuta jQuery plugina. See võimaldab teil luua dünaamilised kirjutamis animatsioonid see näeb uskumatult realistlik. Te saate isegi määratleda kohandatud pausi klahvivajutuste vahel, et luua animatsioonile oma leevendust.

TypeIt on 100% vaba ja avatud lähtekoodiga, ehitatud a tekstivahend jQuery kogukonnale. Kõik dokumendid on kättesaadavad Internetis ja neid on väga lihtne jälgida.

Pange tähele, et kuigi TypeIt on kaasas a tasuta isiklik litsents, kahjuks maksavad kommertslitsentsid raha. Kuid võite kasutada tasuta isiklikku litsentsi igavesti ja seda kunagi lõpeb, nii et see on suurepärane ressurss kõikidele teie isiklikele projektidele või isegi teie isiklikule veebisaidile.

Võite alustada toores TypeIt JavaScript-faili lisamine CDN-i kaudu paremale oma lehe päisele. Seejärel lisage jQuery, kirjutage tekst ja ühendage see kõik koos. Lihtne!

Tavaliselt saate sihite lehel kindlat jaotust ja kasutage seda teksti animatsiooni konteineris. Siin on a proovi koodilõik näidata teile, kuidas see toimib:

 $ ('. type-it'). typeIt (stringid: ['See on minu string!']); 

Kõrval kohandatud valikute läbimine Euroopa Kirjuta see() funktsiooni, saate aeglustada kirjutamiskiirust, lisada teatud ajavahemike järel pausid ja isegi seadistada teatud ajavahemike järel, et muuta trükkimiskiiruse keskmist animatsiooni.

Võite isegi testige neid võimalusi plugina lehel, kui olete valmis veetma aega mängude mängimiseks.

See teksti animatsiooni ehitaja on suurepärane näide sellest, mida selle pluginaga teha saate. Sa saad nii palju kohandatud suvandeid, mida saate isegi veebirakendust luua, kasutades seda pluginat, kuni luua animatsioone lennul!

Samuti leiate peamise plugina lehelt rohkem võimalusi allosas, mida saab kopeerida.

Niisiis, laadige Tüüp ja andke see maha! Kui sa seda tööd teed, on see tõesti lõbus. Ja kui teil on arendajale küsimusi või ettepanekuid, saate temaga Twitteris @amacarthur ühendust võtta.