Rulletekst via Javascript kodning bruges til at rulle tekst lodret eller vandret over en div del af en webside. Det er en måde at tiltrække læsere til et bestemt sted på siden. Brug rulle sparsomt, men da det kan skabe en side, der er alt for prangende og vanskelig at læse. Brug rulletekst tager kun et par linjer kode indsat i en funktion , der kaldes på " pageload " begivenhed i HTML. Instruktioner
1
Indsæt en div i din webside . Div indeholder den tekst , du vil rulle. Nedenfor er et udsnit af en div element, der indeholder tekst. Læg mærke til placeringen af div matcher den oprindelige position variable oprettet i trin 2. .
My Scrolling Text < ;/div>
2
Indstil den oprindelige position div tekst. Dette giver det en start sted hvorfra at scroll.var IPO = 200 ;
3
Offset "top " attribut indstillet i trin 1 med 1 pixel . Dette flytter den lodret upward.iPos - = 1;
4
Tildel en variabel til div at nulstille sin position og fortsætte rul: myDiv = document.getElementById ( ' scrollingtext ');
5
myDiv.style.top = IPOS ,
6
Indstil timeren , så teksten bevæger sig op en anden pixel. Timeren er indstillet i milliseconds.window.setTimeout ( "Scroll (); " , 25) , " Scroll ()" er den funktion navnet på kode, der oprettes i dette eksempel. Positionen af teksten vil bevæge sig op hver 25 millisekunder.
7
Load funktionen automatisk, når siden åbnes . Brug følgende ejendom i body-tagget af HTML side: