Rullande text via Javascript kodning används för att bläddra text vertikalt eller horisontellt över en div del av en webbsida . Det är ett sätt att locka läsare till en viss plats på sidan . Använd rullning sparsamt , men eftersom det kan skapa en sida som är alltför flashiga och svår att läsa . Använda löptext tar bara ett par rader kod infogas i en funktion som anropas vid " PageLoad " händelse i HTML . Instruktioner
in en div i din webbsida . I div innehåller texten du vill rulla . Nedan är ett urval av ett div-element som innehåller text . Lägg märke till positionen för div matchar utgångsläget variabeln som skapades i steg 2 .
Min Rullande text < ;/div >
2
Ställ utgångsläget för div text . Detta ger den en startpunkt för att scroll.var börsintroduktioner = 200 ;
3
Offset "toppen " attribut som i Steg 1 av 1 pixel . Då flyttas den vertikalt upward.iPos - = 1 ;
4
Tilldela en variabel till div att återställa sin position och fortsätta bläddra: myDiv = document.getElementById ( ' scrollingtext ' ) ;
5
myDiv.style.top = börsintroduktioner ,
6
Ställ in timern så att texten rör sig upp en annan pixel . Timern är satt i milliseconds.window.setTimeout ( " Scroll ( ) ; " , 25 ) ; " Rulla ( ) " är funktionen namnet på koden skapas i detta exempel . Placeringen av texten kommer att flytta upp var 25: e millisekund .
7
Ladda funktionen automatiskt när sidan öppnas . Använd följande egendom i body-taggen på HTML- sidan :
