Scroll orizzontale del testo in Dhtml

Corso jQuery
Creare applicazioni client-side col Framework jQuery

Scritto da Luca Ruggiero nella sezione Javascript

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>
Di seguito lo script commentato
// 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();

I più cliccati della sezione Javascript

:: jQuery Validation: validazione di un form con jQuery (107.912)

:: Breve guida a jQuery (98.602)

:: Le espressioni regolari in Javascript (84.989)

:: Gestione delle stringhe in Javascript (74.986)

:: Stampare una pagina col Dhtml (42.850)

:: Inserire in automatico lo slash nel formato data gg/mm/aaaa (41.642)

:: Menu orizzontale dinamico in Dhtml (37.187)

:: Gli Array in Javascript (35.935)

:: Temporizzazioni Javascript (31.623)

:: Istruzion condizionali in Javascript: if e switch (28.943)

IN EVIDENZA
DOWNLOAD