mynewspapers.net

Hur man skapar rullande Text med Javascript

Hur man skapar rullande Text med Javascript


JavaScript är ett språk utveckling används för att skapa en mängd text, grafik, video och hyperlänk effekter på webbsidor. Många JavaScript-åtgärder kan också åstadkommas genom HTML-kodning, men JavaScript är ett mer igenkännligt computing språk bland de olika webbläsarna människor utnyttjar för att skapa webbplatser. JavaScript behöver fortfarande en HTML-källa ska bäddas in i, bland annat när en individ vill att texten ska rulla upp och ner eller sida till sida.

Instruktioner

• Öppna ett program som kan redigera koden för din webbsida, till exempel Windows Anteckningar.

• Leta upp och klicka på det särskilda området av webbsidan efter < BODY >-taggen där du vill att skript ska köras.

• Skriv in följande data i HTML-koden att börja manus, experimentera med siffrorna nedan för att variera hastighet och position av skriptet: < script language = "JavaScript" > var pos = 100; fungerar Scroll() {om (! document.getElementById) avkastning; obj=document.getElementById("thetext"); pos-=1; om (pos < 0 - obj.offsetHeight+130) avkastning; obj.style.top=pos; window.setTimeout("Scroll();",30);} < / script >< / capita >

• Fortsätta skriptet genom att definiera ditt innehåll, ersätta standardtexten med det avsedda budskapet: < kroppen på Load="Scroll();" >< div id = "thewindow" style = "position: relative, bredd: 180, höjd: 150; overflow: hidden; gränsen-bredd: 2px; border-style: solid; gränsen-färg: röd ">< div id ="thetext"style ="position: absolute; bredd: 170; vänster: 5 top: 100">< p > detta är den första punkten i rullning meddelandet. Meddelandet är skapat med vanlig HTML. Poster inom det rullningsbara området kan använda HTML-taggar. < /p >< p >< b > [< en href = "JavaScript:pos = 100; Scroll();" > börja om < /a >] < /b >< /p >< / div >< / div >< / body >

• Spara och publicera sidan online.