Come aggiungere spazi in HTML Marquee Testo

September 12

Come aggiungere spazi in HTML Marquee Testo


HTML è costituito da affermazioni che definiscono di una pagina Web elementi, i controlli e l'aspetto. È possibile inserire testo in qualsiasi punto all'interno del corpo di un documento HTML. Purtroppo, i browser rimuovere la spaziatura tra le parole più in una stringa di testo. Questo aumenta il tempo necessario per formattare alcuni elementi come il tendone HTML. Un testo scorrevole tendone display che si muove attraverso una pagina Web. Per aggiungere gli spazi per il testo in un tendone, usare JavaScript per sostituire gli spazi regolari con i caratteri speciali che il browser non rimuoverà.

istruzione

1 Aprire il Blocco note. Incolla questo codice HTML in un documento vuoto:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>
<Html xmlns = "http://www.w3.org/1999/xhtml&quot;>
<Head>
<Title> Marquee test </ title>

</ Head>
<Body>

<Marquee id = "Marquee1"> </ marquee>

</ Body>
</ Html>

Questo crea un tendone che non contiene testo.

2 Aggiungere la seguente funzione JavaScript dopo il tag "<title>":

Funzione setMarquee () {

var originalText = &quot;Marquee String Text&quot;;
var marqueeID = &quot;Marquee1&quot;;

var blankCharacter = & quot; & amp; & quot; + & Quot; nbsp; & quot;

var = newText originalText.replace (/ / gi, blankCharacter);

var marqueeObject = document.getElementById (marqueeID);
marqueeObject.innerHTML = newText;
}

Questa funzione imposta il testo scorrevole. Il "Originaltext" variabile contiene la stringa di testo che si desidera visualizzare nel tendone. In questo esempio, che il testo è "Marquee stringa di testo." Aggiungere il maggior numero di spazi a piacere tra le parole o caratteri. "MarqueeID" contiene l'ID del tendone. Il metodo "sostituire" sostituisce gli spazi vuoti nella stringa di testo con il carattere HTML speciale memorizzato in "blankCharacter." L'ultima affermazione aggiunge il testo modificato per l'oggetto tendone.

3 Aggiungere questo codice JavaScript dopo il codice precedente:

window.onload = function () {
setMarquee();
};

Questa chiama la funzione setMarquee dopo il caricamento della pagina Web.

4 Salvare il file di blocco note con estensione .html. Ad esempio, se si vuole dare un nome al file "Marquee di prova," salva come "Marquee Test.html."

5 Aprire il file nel browser per verificare che esistano gli spazi tra le parole del testo del tendone.

Consigli e avvertenze

  • Si noti che il "<marquee>" tag nel corpo del codice HTML ha un ID di "Marquee1." Assegnato un nome qualsiasi ID che ti piace. Si deve, tuttavia, corrispondere al valore impostato per MarqueeID nella funzione JavaScript.