Kods Teksta animāciju rakstīšana ar jQuery TypeIt

The jQuery un teksta kombinācija tīmeklī nav ierobežojumu. Jūs varat veidot gandrīz visu ar mazliet radošumu un pareizajām JavaScript bibliotēkām.

Viena šāda bibliotēka ir TipsIt, būvēts kā bezmaksas jQuery spraudnis. Tas ļauj jums izveidot dinamiskas drukas animācijas kas izskatās neticami reāli. Varat pat definēt pielāgotus pauzes starp taustiņsitieniem, lai izveidotu savu atvieglojumu animācijai.

TypeIt ir 100% bezmaksas un atvērtā koda, kas veidots kā a teksta rīks jQuery kopienai. Visi dokumenti ir pieejami tiešsaistē un neticami viegli izpildāmi.

Tomēr ņemiet vērā, ka, lai gan TypeIt nāk ar a bezmaksas personīgā licence, komerciālās licences diemžēl maksā naudu. Bet, jūs varat izmantot bezmaksas personīgo licenci uz visiem laikiem un to nekad nebeidzas, tāpēc tas ir lielisks resurss visiem jūsu personīgajiem projektiem vai pat jūsu personīgajai vietnei.

Jūs varat sākt ar izejmateriāla TypeIt JavaScript faila pievienošana, izmantojot CDN tiesības uz jūsu lapas galveni. Pēc tam pievienojiet jQuery, uzrakstiet tekstu un savienojiet to visu kopā. Vienkārša!

Parasti jūs mērķēt noteiktu lapu lapā un izmantot to kā teksta animācijas konteineru. Lūk, a parauga koda fragmentu lai parādītu, kā tas darbojas:

 $ ('. type-it'). typeIt (string: ['Tas ir mana virkne!']); 

Līdz nokārtojot pielāgotās opcijas uz typeIt () var palēnināt rakstīšanas ātrumu, pievienot noteiktos intervālos pauzes un noteiktus intervālus pat atiestatīt iestatījumus, lai mainītu drukas ātruma vidus animāciju.

Jūs pat varat pārbaudīt šīs iespējas spraudņa lapā, ja esat gatavs pavadīt laiku, lai izspēlētos ar iestatījumiem.

Šis teksta animācijas veidotājs ir lielisks piemērs tam, ko jūs varat darīt ar šo spraudni. Jūs saņemsiet tik daudz pielāgotu opciju, ka jūs pat varat izveidot tīmekļa lietotni, izmantojot šo spraudni, uz izveidot animācijas lidojumā!

Galvenajā spraudņa lapā jūs atradīsiet arī uzlabotas iespējas uz leju ar koda fragmentiem, kurus varat kopēt.

Tātad, lejupielādējiet TypeIt un dodiet to shot! Pēc tam, kad to saņemsiet, tas ir ļoti jautri. Un, ja jums ir kādi jautājumi vai ieteikumi attīstītājam, varat sazināties ar viņu čivināt @ amacarthur.