Come realizzare effetto di "digitazione" di testo con jQuery in una pagina web

Oggi vorrei  presentarti la libreria TypeIt - un plug-in jQuery gratuito. Con esso, è possibile simulare la digitazione del testo dalla tastiera . Se tutto è regolato correttamente, è possibile ottenere un effetto molto realistico.

Tutta la documentazione è estremamente semplice ed è disponibile online.

Innanzitutto, è necessario collegare file di  JavaScript  della libreria TypeIt tramite CDN(dalla rete ) e quindi richiamare  il plugin scrivendo un paio di righe su jQuery.

https://cdnjs.cloudflare.com/ajax/libs/typeit/4.4.0/typeit.min.js

Non dimenticare di collegare anche la libreria di jQuery altrimenti non funzionerà, potrai sempre usare CDN

È necessario specificare il blocco div nella pagina in cui verrà scritto il testo animato :

$('.type-it').typeIt({
     strings: ['Ciao sono Igor e ti saluto !']});

Attraverso la funzione typeIt( ) è possibile rallentare o accelerare la velocità di battitura.

Tutte le impostazioni disponibili potrai scoprire sulla pagina del plugin.

Ok! a questo punto vediamo come funziona

 

Clicando su immagine qui sopra potrai accedere alla pagina del plugin e provare vari combinazioni di impostazioni con il tuo testo.

Dopo di che basta copiare le impostazioni ed inserirli sulla tua pagina!

Letto 251 volte