Textové animace psaní kódu pomocí jQuery TypeIt

com jQuery a textu nemá žádné omezení na webu. Můžete vytvořit téměř cokoliv s trochou kreativity a správnými knihovnami JavaScriptu.

Jedna taková knihovna je Napiš to, postaven jako bezplatný plugin jQuery. To vám umožní vytvořit dynamické animace psaní vypadají neuvěřitelně realisticky. Můžete dokonce definovat vlastní pauzy mezi stisknutými klávesami, abyste si vytvořili vlastní uvolnění animace.

TypeIt je 100% volný a open-source, postavený jako textový nástroj pro komunitu jQuery. Veškerá dokumentace je k dispozici online a je neuvěřitelně snadné ji sledovat.

Všimněte si však, že zatímco TypeIt přichází s bezplatnou osobní licenci, komerční licence bohužel stojí peníze. Ale můžete použít bezplatnou osobní licenci navždy a to nikdy neuplyne, takže je to skvělý zdroj pro všechny vaše osobní projekty nebo dokonce vaše osobní webové stránky.

Můžete začít Přidání syrového souboru JavaScript TypeIt přes CDN přímo do záhlaví vaší stránky. Pak přidejte jQuery, napište nějaký text a připojte ho dohromady. Jednoduchý!

Obvykle budete cíl na konkrétní div na stránce a použít jej jako kontejner pro animaci textu. Tady je ukázkový fragment kódu ukázat vám, jak to funguje:

 $ ('. type-it') typeIt (řetězce: ['To je můj řetězec!']); 

Podle předávání vlastních možností na napiš to() funkce, můžete zpomalit rychlost psaní, přidávat pauzy v určitých intervalech, a dokonce obnovit nastavení v určitých intervalech změnit rychlost psaní střední animace.

Můžete dokonce otestovat tyto možnosti na stránce pluginu, pokud jste ochotni strávit nějaký čas hraním s nastavením.

Tento textový animátor je dokonalým příkladem toho, co s tímto pluginem můžete udělat. Získáte tolik vlastních možností, že můžete dokonce vytvořit webovou aplikaci, pomocí tohoto pluginu, na vytvářet animace za běhu!

Na hlavní stránce pluginu najdete také více pokročilých možností směrem dolů s úryvky kódu můžete kopírovat.

Tak si stáhněte TypeIt a dejte mu šanci! Jakmile to dostanete, je to opravdu hodně legrace. A pokud máte nějaké dotazy nebo návrhy pro vývojáře, můžete se s ním spojit na Twitteru @amacarthur.