Nwlapcug.com


Come modificare un testo scorrevole con JavaScript

Come modificare un testo scorrevole con JavaScript


Se si sta tentando di catturare le ultime notizie, informazioni meteo o un segno di sport, l'attenzione è rivettata alla riga di testo lo scorrimento attraverso lo schermo del televisore. È possibile simulare questo effetto Newsticker su un sito Web utilizzando il tag di testo scorrevole. Programma di selezione per scorrere il testo verso l'alto o verso il basso, sinistra o destra, lentamente o velocemente, senza intoppi o a scatti. Funzione getElementById () di JavaScript consente di accedere e modificare i parametri, proprietà, attributi e metodi associati con il riquadro di selezione attraverso l'Hypertext Markup Language Document Object Model, o Dom.

Istruzioni

1

Avviare l'editor di testo blocco note facendo clic su "Start" pulsante, "Tutti i programmi" "accessori," quindi blocco note.

2

Immettere il seguente codice nell'editor di testo.

< html >

< head >

< script language = "javascript" >

Function changemarquee() () {

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

document.getElementById("leftscroll").direction = "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 >

< corpo >

< direzione tendone = sinistra id = "leftscroll" width = "800" height = "20" > questo

testo scorre da destra a sinistra < / marquee >

< id pulsante = "primo" type = "button"

onClick="javascript:changemarquee()" > cambiamento Marquee < / button >

< / body >

< / html >

3

Fare clic sul menu File. Selezionare l'opzione "Salva". Salvare sotto il nome di file "test."

4

Avvia il browser Web facendo clic sul pulsante "Start", "Tutti i programmi" e "Internet Explorer". Scegliere la voce di menu "File" e selezionare "Apri File".

5

Individuare il file "test. html" appena creato, selezionarlo con il mouse, quindi fare clic su "Apri".

6

Fare clic sul pulsante denominato "Marquee di cambiamento". Il testo "questo testo scorre da destra a sinistra" dovrebbe cominciare a scorrere rapidamente da sinistra a destra, dovrebbe aumentare la dimensione del carattere, il colore del testo dovrebbe girare blu e dovrebbe ridurre la dimensione del riquadro di selezione. Utilizzando il browser Internet Explorer, Chrome e Chromium, lo sfondo del testo scorrevole dovrebbe diventare rosso, ma Firefox, Seamonkey e Opera non supporta questa proprietà.

Consigli & Avvertenze

  • Il testo scorrevole può spostare troppo lento o troppo veloce per il vostro gusto. Il testo può anche muoversi con un movimento a scatti, piuttosto che liscio. È possibile modificare la velocità di scorrimento e la morbidezza regolando i parametri "scrollamount" e "scrolldelay". ScrollAmount controlla la distanza che il testo si sposta per ogni intervallo. Maggiore è il valore, più grande il salto. ScrollDelay controlla la dimensione dell'intervallo tra salti. Più piccolo il scrollamount, più uniforme il movimento. Più grande il scrolldelay, più lento il testo sembra muoversi.
  • Il tag di testo scorrevole non è HTML - Hypertext Markup Language - standard, ma è supportato dalla maggior parte dei principali browser. Browser supportano alcune funzionalità di selezione e non altri. Alcuni possono limitare quali funzionalità sono accessibili tramite JavaScript. Framework di programmazione di JavaScript come strumenti di Moo, jQuery, script.aculo.us e Dojo fornire testo funzionalità di animazione che lavoreranno su diversi browser in esecuzione su diversi tipi di dispositivi. Indipendentemente dal metodo che si sceglie per scorrere il testo, prova il vostro lavoro con i browser Web come molti come si può essere sicuri che il codice funziona come previsto.