Come inserire le parole in una casella di scorrimento

November 4

Come inserire le parole in una casella di scorrimento


scatole di scorrimento sono un mezzo efficace per creare impatto sia su un sito web o una presentazione. Essi sono relativamente facili da creare. banner Marquee sono le forme più efficaci di scatole di scorrimento. Colorato e dinamico, sono più spesso visti come screen saver sul computer di inattività. Sono versatili e possono contenere qualsiasi cosa, da testo a immagini in movimento. Il codice HTML necessario per eseguire questa operazione è facilmente implementata.

istruzione

istruzione

1 Accedere al sito web come amministratore e accedere alla schermata di modifica.

2 Creare una casella di scorrimento utilizzando il seguente codice.

<Div style = "height: 120px; width: 250px; font: 16px / 26px Georgia, Garamond, Serif; overflow: scroll;">

Come si può vedere, una volta che non c'è abbastanza testo in questo campo, la casella crescerà barre di scorrimento ... è per questo che chiamiamo una casella di scorrimento! È inoltre possibile inserire un'immagine nella casella di scorrimento.

</ Div>

<P style = "font-family: Verdana, Arial, sans-serif; font-size: 10px;">

3 Cambiare il colore della vostra casella di scorrimento sfondo utilizzando il seguente codice.

<Style type = "text / css">

.scatola dei colori {

font: bold large cursive;

border: 1px solid # 000000;

background-color: # FF9900;

4 Inserire il testo da trasmettere tra i tag tendone per i diversi effetti che utilizzano la codifica di seguito.

Far scorrere

<Marquee comportamento = "slide" direzione = "left"> Il testo slide-in va qui </ marquee>

scorrimento

<Marquee comportamento = "scroll" direzione = "left"> Il vostro testo scorrevole va qui </ marquee>

Bouncing

<Marquee comportamento = "alternate"> Il vostro testo rimbalzo va qui </ marquee>

In su

<Marquee comportamento = "scorrere" in direzione = "up"> Il vostro testo scorrevole verso l'alto va qui </ marquee>

Velocità

<Marquee comportamento = "scorrere" in direzione = "sinistra" scrollamount = "1"> velocità di scorrimento lento </ marquee>

<Marquee comportamento = "scorrere" in direzione = scrollamount "sinistra" = "10"> velocità media di scorrimento </ marquee>

<Marquee comportamento = "scorrere" in direzione = scrollamount "sinistra" = "20"> velocità di scorrimento veloce </ marquee>

immagini

<Marquee comportamento = "scroll" direzione = "left"> <img width = "100" height = "100" alt = "sorriso" /> </ marquee>

Immagini e testo

<Marquee comportamento = "scorrere" in direzione = "left">

<Img width = "100" height = "100" alt = "sorriso" />

<P> Testo di esempio sotto un <a>

Consigli e avvertenze

  • Se non copiato correttamente, la codifica non riuscirà a eseguire i comandi attesi.

Articoli Correlati