INTERNET EXPLORER? Ti consiglio di navigare questo sito con Mozilla Firefox oppure con Google Chrome.

Testo ad effetto macchina da scrivere in Dhtml

Corso Javascript
Impara a creare controlli ed animazioni

Concesso in esclusiva a MrWebmaster.it - E' vietata la pubblicazione senza espresso consenso del proprietario

Un effetto sul testo molto carino che, se ben stilizzato può risultare di grande impatto, è quello comunemente chiamato macchina da scrivere, dato che i caratteri compaiono a video singolarmente come se digitati in sequenza da una tastiera.

Utilizzeremo un script DHTML compilato in codice Javascript, facendo quindi a meno di programmi più pesanti e meno accessibili come, ad esempio, Flash.

Stamperemo a video il testo in un Tag HTML puro, in modo da non perdere nemmeno indicizzazione sui motori di ricerca; al Tag testuale utilizzato applicheremo un ID che chiamiamo, per semplicità, "testo" 

<div id="testo">MRW Corsi - Corsi online professionali!</div>
ed utilizzeremo il seguente script per richiamarlo 
var i = 0;
function scrivi()
{
    var ID = document.getElementById("testo");
    ID.insertAdjacentText("beforeEnd", temp.charAt(i));
    if (i < temp.length - 1)
    {
        i++;
        setTimeout("scrivi()", 100);
    }
}
function inizio()
{
    var ID = document.getElementById("testo");
    temp = ID.innerHTML;
    ID.innerHTML = "";
    scrivi();
}
Il funzionamento è semplice: utilizziamo il metodo insertAdjacentText per effettuare la stampa a video e le temporizzazioni per perpetuare l'incremento dello script e la relativa stampa sequenziale a video.

Lanciamo la funzione al caricamento della pagina 
<body onload="inizio()">
ed il gioco è fatto!

IN EVIDENZA
Una slidegallery con jQuery Pagamenti online con PayPal e PHP Guadagna col tuo sito grazie a TradeD... Riavviare IIS Effetto ombra su testo con Photoshop Guida XHTML Riscrivere le URL con Asp Generare password casuali in Javascri... Errore 80004005: Cannot update. Datab... Referenze dei Tag Html HTTP 500 internal server error Introduzione ad Ajax ed Asp con Jscri... Breve guida a jQuery Stringhe di connessione via ODBC e Ol... Referenze dei fogli di stile Css Le espressioni regolari in Javascript

HOT LINKS
Corsi online Guadagna col sito Hosting 20 euro Mr.Webmaster PHP&Linux ExtroWebSite gDesign NetFree TutorialWeb Dablones AiutoPC AspCode MorpheusWeb WebIsland WebmasterRisorse PCSelf