Come utilizzare il testo a scorrimento in Javascript

April 9

testo scorrevole attraverso la codifica Javascript è usato per scorrere il testo verticalmente o orizzontalmente attraverso una sezione div di una pagina web. E 'un modo per attirare i lettori a una determinata posizione sulla pagina. Utilizzare lo scorrimento con parsimonia, tuttavia, dal momento che può creare una pagina che è troppo appariscente e difficile da leggere. Utilizzando testo a scorrimento richiede solo poche righe di codice inseriti in una funzione che viene chiamato alla \ "PageLoad \" evento in HTML.

istruzione

1 Inserire un div nella tua pagina web. Il div contiene il testo che si desidera scorrere. Di seguito è riportato un esempio di un elemento div che contiene il testo. Notare la posizione del div corrisponde alla variabile di posizione iniziale creato nel passaggio 2.
<Div id = style = \ "scrollingtext \" \ "position: absolute; width: 200px; height: 100px; top: 200px; \"> Il mio testo a scorrimento </ div>

2 Impostare la posizione iniziale del testo div. Questo dà un punto di partenza da cui far scorrere.
var iPos = 200;

3 Offset "top \" \ attributo impostato nella Fase 1 di 1 pixel. Questo sposta verticalmente verso l'alto.
iPos - = 1;

4 Assegnare una variabile al div per ripristinare la propria posizione e continuare il rotolo:
myDiv = document.getElementById ( 'scrollingtext');

5 myDiv.style.top = iPos;

6 Impostare il timer in modo che il testo si muove su un altro pixel. Il timer è impostato in millisecondi.
window.setTimeout (\ "di scorrimento (); \", 25)
ANDARE
\ "Scorrimento () \" è il nome della funzione del codice generato nell'esempio. La posizione del testo si muoverà ogni 25 millisecondi.

7 Caricare la funzione automaticamente quando la pagina viene aperta. Utilizzare la seguente proprietà nel tag body della pagina HTML:
<Body onload = \ "di scorrimento (); \">