Nicola Ferrari - Ferro

Al mondo ci sono solo 10 tipi di persone: chi comprende il sistema binario e chi no

 

Plugin Jquery: TypeHtml

 

Esempio qui.. per un esempio super completo (crea dinamicamente un intera pagina web) cliccate qui

Compatibilità:    - 

In collaborazione con Paolo Andreatta aka "pandreat"

Questo plug-in crea un effetto di scrittura del testo come se fosse digitato a macchina da scrivere; la caratteristica sostanziale è la TOTALE gestione del codice xhtml.

Specifiche di progetto:

  • Prima di includere il plugin, va inclusa la libreria Jquery, scaricabile qui.
    Prima di tutte va inclusa la libreria e poi il plugin, invertendo la chiamata ai due '.js', non funziona il tutto
  • E' consigliabile utilizzare il plugin su un elemento "div"

Parametri passabiti al Plugin:

  • speed ( Velocità di stampa di ogni singola lettere --> 'Slow'/'Medium'/'Fast' )
  • wait_time (tempo di attesa prima che parta lo script --> numero intero)
  • html_text (testo html;nel caso in cui non sia settato , il testo utilizzato sarà quello contenuto all'interno dell'elemento)

NB: il codice XHTML deve essere del codice XHTML VALIDO

ESEMPIO DI CODICE HTML:

<div id ='generale'>
</div>


ESEMPIO DI CHIAMATA:

$(document).ready(function(){

$("#generale").TypeHtml({
          speed : 'fast',
          wait_time : 2000,
          html_text: 'Nicola <b> Ferrari < /b>' /* se non settato prende tutto l'html
                                                                                   contenuto nel div "generale"*/
         });
});

Ecco i link per scaricare il plugin in forma ridotta:
Versione 1.0

Lascia un commento

:
:
:
:
: captcha
* Copiare la scritta sull'immagine!