Plaats een div in uw webpagina . De div bevat de tekst die u wilt scrollen . Hieronder staat een voorbeeld van een div- element met tekst . Let op de positie van de div overeenkomt met de oorspronkelijke stand variabele gemaakt in stap 2 .
Mijn Scrolling Text < ;/div >
2
Stel de uitgangspositie van de div tekst . Dit geeft het een startpunt van waaruit scroll.var iPos = 200 ;
3
Offset de "top "-attribuut is ingesteld bij stap 1 op 1 pixel . Dit beweegt het verticaal upward.iPos - = 1 ;
4
Wijs een variabele aan de div om zijn positie te resetten en blijven de blader: myDiv = document.getElementById ( ' scrollingtext ' ) ;
Goedkope 5
myDiv.style.top = iPos ;
6
Stel de timer zodat de tekst beweegt op een andere pixel . De timer is ingesteld in milliseconds.window.setTimeout ( "Scroll ( ) ; " , 25 ) ; " Bladeren ( ) " is de functie naam van de code die in dit voorbeeld . De positie van de tekst zal bewegen om de 25 milliseconden .
7
Laad de functie automatisch wanneer de pagina wordt geopend . Gebruik de volgende eigenschap in de body-tag van de HTML-pagina :