Hur man använder Rullande text i Javascript

February 19

Rullande text genom 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 några rader kod in i en funktion som kallas vid \ "PageLoad \" händelse i HTML.

Instruktioner

1 Sätt en div på din webbsida. Div innehåller texten du vill rulla. Här är ett urval av en div element som innehåller text. Märker positionen av div matchar den initiala positionen variabel som skapades i steg 2.
<Div id = \ "scrollingtext \" style = \ "position: absolute; width: 200px; height: 100px; top: 200px; \"> Min Rullande text </ div>

2 Ställ in utgångsläget för div text. Detta ger det en startpunkt för att rulla.
Var ipos = 200;

3 Kompensera \ "top \" attributuppsättning i steg 1 med en pixel. Detta flyttar den vertikalt uppåt.
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 = IPOS;

6 Ställ in timern så att texten går upp en annan pixel. Timern är inställd på millisekunder.
Window.setTimeout (\ "Scroll (); \", 25)

\ "Scroll () \" är funktionen namnet på kod som skapats i det här exemplet. Placeringen av texten kommer att flytta upp var 25 millisekund.

7 Ladda funktionen automatiskt när sidan öppnas. Använd följande egenskap i body-taggen på HTML-sidan:
<Body onload = \ "scroll (); \">


        

Välkommen till dig för att skicka en kommentar:

            
            
            
            

© 2022 Astrixsoft.com | Contact us: webmaster# astrixsoft.com