Kód Szöveg animációk beírása a jQuery TypeIt használatával

A a jQuery és a szöveg kombinációja nem rendelkezik határokkal az interneten. Szinte bármit is építhet egy kis kreativitással és a megfelelő JavaScript könyvtárakkal.

Az egyik ilyen könyvtár Írd le, szabad jQuery pluginként épült. Ez lehetővé teszi, hogy hozzon létre dinamikus gépelési animációk hihetetlenül reálisnak tűnnek. Megadhat egyéni szüneteket a billentyűleütések között, hogy saját animációt készítsen.

A TypeIt 100% -ban szabad és nyílt forráskódú, a szöveges eszköz a jQuery közösség számára. Az összes dokumentáció online és hihetetlenül könnyen követhető.

Mindazonáltal, csak vegye figyelembe, hogy míg a TypeIt a ingyenes személyes licenc, a kereskedelmi engedélyek sajnálatos módon pénzbe kerülnek. De az ingyenes személyes licencet örökre használhatja soha nem jár le, így ez egy nagyszerű erőforrás minden személyes projektjéhez vagy akár személyes webhelyéhez.

Elindíthatja a nyers TypeIt JavaScript fájl hozzáadása CDN-en keresztül jobbra az oldal fejlécéhez. Ezután adjunk hozzá jQuery-t, írjunk egy szöveget, és csatlakoztassuk az összeset. Egyszerű!

Jellemzően akkor célozzon egy adott divatot az oldalon és használja a szöveges animáció tárolójaként. Itt van egy minta kódrészlet megmutatja, hogyan működik:

 $ ('. type-it'). typeIt (string: ['Ez az én karakterláncom!']); 

Által egyéni opciók elhaladása hoz írd le() funkciót, lassíthatja a gépelési sebességet, bizonyos időközönként szüneteket adhat, és bizonyos időközönként visszaállíthatja a beállításokat a gépelési sebesség középső animációjának megváltoztatásához.

Még tesztelje ezeket a beállításokat a bővítményoldalon, ha hajlandó időt tölteni a beállításokkal.

Ez a szöveges animációs készítő tökéletes példája annak, amit ezzel a pluginnel lehet tenni. Olyan sok egyedi beállítást kap, amellyel akár webes alkalmazást is létrehozhat, használja ezt a bővítményt, nak nek készítsen animációkat a repülés közben!

A fő plugin oldalon megtalálható fejlettebb opciók az alsó részre másolható kódrészletekkel.

Szóval, töltsd le a TypeIt-t és adj egy lövést! Amint megkapod a munkát, ez nagyon szórakoztató. És ha bármilyen kérdése vagy javaslata van a fejlesztőnek, akkor kapcsolatba léphet vele a Twitter @ amacarthur.