Hvordan du endrer en Marquee med Javascript

October 2

Enten du prøver å fange de siste nyhetene, værinformasjon, eller en sport score, er din oppmerksomhet klinket til tekstlinjen rulle over TV-skjermen. Du kan simulere denne nyheten-ticker effekt på en nettside ved hjelp av rulletekst tag. Program markøren til å rulle teksten opp eller ned, til venstre eller høyre, sakte eller raskt, glatt eller i spruter. Javascript funksjon getElementById () lar deg få tilgang til og endre parametrene, egenskaper, attributter og metoder i forbindelse med markeringen gjennom Hypertext Markup Language Document Object Model, eller DOM.

Bruksanvisning

1 Start ren tekst editor Notepad ved å klikke på "Start" -knappen, "Alle programmer," "Tilbehør", deretter Notisblokk.

2 Skriv inn følgende kode inn i teksteditor.

<Html>

<Head>

funksjon changemarquee () {

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

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

. 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øyre til venstre </ marquee>

<-knappen Id = "første" type = "button"

onclick = "javascript: changemarquee ()"> Endre Marquee </ knapp>

</ Body>

</ Html>

3 Klikk på Fil-menyen. Velg "Lagre" alternativet. Lagre under filnavnet "test.html."

4 Start nettleseren ved å klikke på "Start" -knappen, "Alle programmer" og "Internet Explorer." Klikk på "File" menyen og velg "Åpne fil".

5 Finn filen "test.html" nettopp opprettet, velger du den med musen og klikk "Åpne".

6 Klikk på knappen merket "Change Marquee." Teksten "Denne teksten vil rulle fra høyre til venstre" bør begynne å rulle raskt fra venstre til høyre, bør skriftstørrelsen øker, tekstfarge bør bli blått og størrelsen på rulleteksten skal krympe. Ved hjelp av Internet Explorer, Chrome og Chromium nettleseren, bør rulleteksten bakgrunnen bli rød, men Firefox, Seamonkey og Opera støtter ikke denne egenskapen.

Hint

Din markørtekst kan bevege seg for langsomt eller raskt for din smak. Teksten kan også bevege seg med en jerky i stedet for jevn bevegelse. Du kan endre rullehastigheten og glatthet ved å justere "scrollamount" og "scrolldelay" parametere. Scrollamount styrer avstanden teksten beveger per intervall. Jo større verdi, jo større hopp. Scrolldelay styrer størrelsen på intervallet mellom hopp. Jo mindre scrollamount, jo jevnere bevegelse. Jo større scrolldelay, jo saktere teksten ser ut til å bevege seg.
Markeringen tag er ikke en HTML - Hypertext Markup Language - standard, men det er støttet av de fleste store nettlesere. Nettlesere kan støtte noen marquee funksjoner og ikke andre. Noen kan begrense hvilke funksjoner som er tilgjengelige med Javascript. Javascript programmering rammeverk som Moo Verktøy, jQuery, script.aculo.us og Dojo gi tekst animasjoner som vil fungere på forskjellige nettlesere som kjører på forskjellige typer enheter. Uansett hvilken metode du velger å rulle teksten, teste arbeidet ditt med så mange nettlesere som mulig for å være sikker på at koden fungerer som forventet.