Codice Digitando animazioni di testo con jQuery TypeIt
Il combo di jQuery e testo non ha limiti sul web. Puoi creare quasi tutto con un po 'di creatività e le giuste librerie JavaScript.
Una di queste è la libreria Scrivilo, costruito come un plugin jQuery gratuito. Ti consente di creare animazioni dinamiche di battitura sembra incredibilmente realistico. È anche possibile definire pause personalizzate tra i tasti per creare il proprio andamento per l'animazione.
TypeIt è 100% gratuito e open-source, costruito come un strumento di testo per la comunità jQuery. Tutta la documentazione è disponibile online e incredibilmente facile da seguire.
Tuttavia, si noti che mentre TypeIt viene fornito con a licenza personale gratuita, le licenze commerciali, purtroppo, costano denaro. Ma puoi usare la licenza personale gratuita per sempre non scade mai, quindi è una grande risorsa per tutti i tuoi progetti personali o anche per il tuo sito personale.
Puoi iniziare da aggiungendo il file JavaScript TypeIt non elaborato tramite CDN diritto all'intestazione della tua pagina. Quindi aggiungi jQuery, scrivi del testo e collegalo tutti insieme. Semplice!
In genere, lo farai indirizzare un div specifico sulla pagina e usarlo come contenitore per l'animazione del testo. Ecco un sample snippet di codice per mostrarti come funziona:
$ ('. type-it'). typeIt (stringhe: ['Questa è la mia stringa!']);
Di passando opzioni personalizzate al Scrivilo()
funzione, è possibile rallentare la velocità di digitazione, aggiungere pause a determinati intervalli e persino ripristinare le impostazioni a determinati intervalli per modificare la velocità di battitura a metà animazione.
Puoi persino prova queste opzioni nella pagina del plugin se sei disposto a dedicare del tempo a giocare con le impostazioni.
Questo generatore di animazioni di testo è l'esempio perfetto di ciò che puoi fare con questo plugin. Ottieni così tante opzioni personalizzate che puoi persino creare un'app Web, usando questo plugin, a crea animazioni al volo!
Nella pagina principale del plugin, troverai anche opzioni più avanzate verso il basso con frammenti di codice che è possibile copiare.
Quindi, scarica TypeIt e provalo! Una volta che lo fai funzionare è davvero molto divertente. E se hai domande o suggerimenti per lo sviluppatore, puoi collegarti con lui su Twitter @amacarthur.