Scroll orizzontale del testo in Dhtml

Autore: Luca Ruggiero | Tell a Friend Corso Java Impara a programmare col linguaggio OOP della Sun. Corso Javascript e DHTML Impara a creare controlli ed animazioni! Corso Web Design Disegno di siti Web con HTML, CSS e Dynamic HTML.

Vediamo come utilizzare un piccolo script Dhtml per realizzare un effetto marquee su testo in maniera più potente e versatile. Si crei un layer a cui assegnare l'identificativo testo

<div id="testo">lukeonweb.net</div>

// INIZIALIZZO ALL'ESTERNO DELLA FUNZIONE LE VARIABILI CHE MI SERVONO
var i = 0;
var dir = "S";

// ASSEGNO AL LAYER IL POSIZIONAMENTO ASSOLUTO (VA BENE ANCHE RELATIVO)
testo.style.position = "Absolute";

function TextScroll()
{
    // A SECONDA DELLA DIREZIONE DEL TESTO, INCREMENTO O DECREMENTO UN CONTATORE
    dir == "S" ? i++ : i--;

    // SPOSTO IL LAYER DINAMICAMENTE
    testo.style.pixelLeft = i;

    // IMPOSTO L'AREA IN CUI IL LAYER DEVE MUOVERSI
    if (i > 50) dir = "D";
    if (i < 0)  dir = "S";

    // IMPOSTO UN TEMPO DI ESECUZIONE DINAMICO
    window.setTimeout("TextScroll()", 5); 
}

// CHIAMO LA FUNZIONE
TextScroll();