Come modificare un tendone con JavaScript / Myclads.com

Come modificare un tendone con JavaScript

February 1

Sia che si sta cercando di catturare le ultime notizie, le informazioni meteo o un punteggio sportivo, l'attenzione è rivettata alla linea di scorrimento del testo sullo schermo televisivo. È possibile simulare questo effetto news-ticker su un sito web utilizzando il tag tendone. Programmare il tendone per far scorrere il testo verso l'alto o verso il basso, a sinistra oa destra, lentamente o rapidamente, senza intoppi o a scatti. la funzione di JavaScript getElementById () consente di accedere e modificare i parametri, le proprietà, gli attributi e metodi associati con il tendone attraverso il Document Object Model Hypertext Markup Language, o DOM.

istruzione

1 Avviare l'editor Blocco note di testo semplice facendo clic sul pulsante "Start", "Tutti i programmi", "Accessori", quindi Blocco note.

2 Inserire il codice seguente nel editor di testo.

<Html>

<Head>

Funzione changemarquee () {

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

. Document.getElementById ( "leftscroll") in direzione = "right";

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

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

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

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

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

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

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

}

</ Script>

</ Head>

<Body>

<Marquee direzione = id sinistra = larghezza "leftscroll" = "800" height = "20"> Questo

testo scorre da destra a sinistra </ marquee>

<Button id = "prima" type = "button"

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

</ Body>

</ Html>

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

4 Avviare il browser Web facendo clic sul pulsante "Start", "Tutti i programmi" e "Internet Explorer". Fare clic sulla voce di menu "File" e selezionare "Apri file".

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

6 Fare clic sul pulsante "Modifica Marquee". Il testo "Questo testo scorrerà da destra a sinistra" dovrebbe iniziare a scorrere rapidamente da sinistra a destra, la dimensione del carattere dovrebbe aumentare, il colore del testo dovrebbe diventare blu e le dimensioni del tendone dovrebbe ridursi. L'utilizzo di Internet Explorer, Chrome e il browser Chromium, lo sfondo tendone dovrebbe diventare rosso, ma Firefox, Seamonkey e Opera non supportano questa proprietà.

Consigli e avvertenze

Il tuo testo dell'insegna può muovere troppo lento o veloce per il vostro gusto. Il testo può anche muoversi con un scatti piuttosto che un movimento fluido. È possibile modificare la velocità di scorrimento e la morbidezza regolando i parametri "scrolldelay" "scrollamount" e. Scrollamount controlla la distanza del testo si sposta per intervallo. Maggiore è il valore, più grande il salto. Scrolldelay controlla la dimensione dell'intervallo tra salti. Più piccolo è il scrollamount, la fluidità del movimento. Più grande è il scrolldelay, più lento è il testo sembra muoversi.
Il tag tendone non è un HTML - Hypertext Markup Language - standard, ma è supportato dalla maggior parte dei browser Web più importanti. I browser possono supportare alcune caratteristiche tendone e non altri. Alcuni possono limitare ciò funzioni sono accessibili da JavaScript. framework di programmazione JavaScript, come Moo Strumenti, jQuery, script.aculo.us e Dojo fornire funzioni di animazione del testo che lavoreranno su diversi browser in esecuzione su diversi tipi di dispositivi. Indipendentemente dal metodo scelto per far scorrere il testo, testare il vostro lavoro con il maggior numero di browser Web come possibile per essere sicuri che il codice funziona come previsto.