Sådan Ændre en Marquee med JavaScript

November 29

Sådan Ændre en Marquee med JavaScript


Uanset om du forsøger at fange de seneste nyheder, vejrudsigter eller en sports score, er din opmærksomhed nittet til tekstlinje rulle på tværs af din tv-skærm. Du kan simulere denne nyhed-ticker effekt på en hjemmeside ved hjælp af telt tag. Program markeringsrammen for at rulle tekst op eller ned, til venstre eller højre, langsomt eller hurtigt, jævnt eller i ryk. JavaScript er getElementById () funktion kan du få adgang til og ændre parametrene, egenskaber, attributter og metoder i forbindelse med teltet gennem Hypertext Markup Language Document Object Model, eller DOM.

Instruktioner

1 Start almindelig tekst editor Notepad ved at klikke på knappen "Start", "Alle programmer", "Accessories" og derefter Notesblok.

2 Indtast følgende kode i teksteditoren.

<Html>

<Head>

<Script language = "javascript">

funktion changemarquee () {

. Document.getElementById ( "leftscroll") bgColor = "red";

. Document.getElementById ( "leftscroll") retning = "right";

. Document.getElementById ( "leftscroll") width = 400;

document.getElementById ( "leftscroll") scrollDelay = 5.;

document.getElementById ( "leftscroll") scrollAmount = 100.;

. Document.getElementById ( "leftscroll") style.color = "blue";

. Document.getElementById ( "leftscroll") style.padding = "5px";

. Document.getElementById ( "leftscroll") style.height = "35px";

. Document.getElementById ( "leftscroll") style.fontSize = "22px";

}

</ Script>

</ Head>

<Body>

<Marquee retning = venstre id = "leftscroll" width = "800" height = "20"> Dette

tekst vil rulle fra højre mod venstre </ marquee>

<Knappen id = "første" type = "knappen"

onClick = "javascript: changemarquee ()"> Skift Marquee </ knappen>

</ Body>

</ Html>

3 Klik på menuen Filer. Vælg "Gem" valgmulighed. Gem under filnavnet "test.html."

4 Start webbrowseren ved at klikke på knappen "Start", "Alle programmer" og "Internet Explorer". Klik på "Filer" menupunktet, og vælg "Åbn fil".

5 Find filen "test.html" bare oprettet, skal du vælge den med musen, og klik derefter på "Åbn".

6 Klik på knappen "Change Marquee." Teksten "Denne tekst vil rulle fra højre mod venstre" skulle begynde at rulle hurtigt fra venstre til højre, skal skriftstørrelsen stige, tekstfarven skal blive blå og størrelsen af ​​markeringsrammen skal skrumpe. Ved hjælp af Internet Explorer, Chrome og Chromium-browseren, skal teltet baggrund rødt, men Firefox, SeaMonkey og Opera understøtter ikke denne egenskab.

TIPS

  • Din telt tekst kan bevæge sig for langsomt eller hurtigt til din smag. Teksten kan også bevæge sig med en jerky snarere end glidende bevægelse. Du kan ændre scroll hastighed og glathed ved at justere "scrollamount" og "scrolldelay" parametre. Scrollamount styrer afstanden teksten bevæger pr interval. Jo større værdi, jo større springet. Scrolldelay kontrollerer størrelsen af ​​intervallet mellem spring. Jo mindre scrollamount, jo mere jævn bevægelse. Jo større scrolldelay, jo langsommere teksten synes at bevæge sig.
  • Den telt tag er ikke en HTML - Hypertext Markup Language - standard, men det understøttes af de fleste større webbrowsere. Browsere kan støtte nogle telt funktioner og ikke andre. Nogle kan begrænse hvilke funktioner der er tilgængelige med JavaScript. JavaScript programmering rammer såsom Moo Værktøj, jQuery, script.aculo.us og Dojo give tekst animation funktioner, der vil arbejde på forskellige browsere, der kører på forskellige typer af enheder. Uanset hvilken metode du vælger at rulle din tekst, teste dit arbejde med så mange webbrowsere som muligt at være sikker på, at koden fungerer som forventet.

relaterede artikler