SCORRIMENTO TESTO O IMMAGINI IN HTML



<marquee>...</marquee>

L'elemento <marquee> non è approvato dal W3C consorzio che detta le regole per il web. Fino a qualche tempo fa era supportato soltanto dal browser IE ma ad oggi browser come Opera, FireFox e Safari lo gestiscono senza problemi. Serve unicamente per fare del testo scorrevole sullo schermo, molte le combinazioni possibili. Questo elemento necessita del relativo tag di chiusura </marquee>

<marquee>

Questo testo scorre da destra verso sinistra

Molti gli attributi associabili a questo tag:

align, behavior, bgcolor, direction, height, hspace, loop, scrollamount, scrolldelay, vspace, width.




 

align

L'attributo align permette di allineare il testo che circonda il marquee in modo che si disponga in uno dei tre modi possibili: top, middle o bottom, rispettivamente per: in alto, nel mezzo, in basso.




 

behavior

L'attributo behavior permette di scegliere il tipo di spostamento in uno dei tre modi possibili: scroll, slide o alternate. L'impostazione di default è scroll, inizia lo spostamento e ricomincia ogni volta che il testo è sparito dalla finestra. slide permette lo scorrimento una sola volta prima di trasformarsi in testo fisso. alternate una volta raggiunto il margine opposto questo rimbalza continuando lo spostamento nel lato opposto.

<marquee behavior="scroll">...</marquee

Questo testo ha come attributo behavior scroll (default)

<marquee behavior="slide">...</marquee

Questo testo ha come attributo behavior slide

<marquee behavior="alternate">...</marquee

Questo testo ha come attributo behavior alternate




 

bgcolor

L'attributo bgcolor specifica il colore di sfondo e può essere espresso con valore numerico (la solita tripletta esadecimale) o con il nome del colore in lingua inglese. A questo proposito su questa pagina è possibile vedere 140 colori di base e relativo codice esadecimale.

<marquee bgcolor="#c0c0c0">...</marquee>

Questo testo ha come attributo bgcolor un celeste chiaro.

La notazione esadecimale è da preferirsi in quanto permette con estrema semplicità di poter scegliere fra una tavolozza di ben 16Mil. di colori.




 

direction

L'attributo direction specifica la direzione di scorrimento per default è left cioè da destra verso sinistra, è possibile invertire il senso adoperando right oppure decidere per uno scorrimento verticale con up su e down giù

<marquee direction="right">...</marquee>

Questo testo ha come attributo direction right

<marquee direction="up">...</marquee>

Questo testo ha come attributo direction up


 

height

L'attributo height serve per impostare l'altezza del marquee, il valore può essere espresso in pixel oppure in percentuale rispetto all'altezza dello schermo.

<marquee height="50">...</marquee>

Questo testo ha come attributo height = 50 pixel




 

hspace

L'attributo hspace serve per impostare lo spazio libero sui due lati, destro e sinistro, in modo tale che il testo non debordi. Viene espresso con un numero equivalente al numero di pixel.

<marquee hspace="150">...</marquee>

Questo testo ha come attributo hspace = 50 pixel

Nello sfondo grigio ci sono 150 px di spazio a destra e 150 pixel di spazio a sinistra.




 

loop

L'attributo loop serve per impostare il numero di volte che il testo deve ripetere il marquee, per default è infinito. Una volta eseguiti i cicli impostati con loop, il testo scomparirà lasciando lo spazio vuoto.

<marquee loop="5">...</marquee>

Questo testo ha come attributo di ripetizione loop = 5

Se non vedete nulla significa che ha già fatto il suo passaggio per 5 volte, ricaricate la pagina e tornate subito qui.




 

scrollamount

L'attributo scrollamount serve per specificare lo spazio, espresso in pixel, fra ciascuno dei successivi spostamenti del testo una specie di timer per velocizzare o rallentare i passaggi.

<marquee scrollamount="105">...</marquee>

Questo testo ha come attributo scrollamount = 15 pixel

Più alto il numero, maggiore sarà la rapidità dello spostamento




 

scrolldelay

L'attributo scrolldelay serve per impostare il numero di millisecondi fra ciascuno dei spostamenti. Praticamente controlla la velocità con cui avvengono i movimenti del testo.

<marquee scrolldelay="1">...</marquee>

Questo testo ha come attributo SCROLLDELAY = 1 Questo testo ha come attributo SCROLLDELAY = 100

Più alto il numero del ritardo e maggiore sarà il rallentamento.




 

vspace

L'attributo vspace funziona come hspace ma riferito ai bordi superiore ed inferiore

<marquee vspace="50">...</marquee>

Questo testo ha come attributo vspace = 50 pixel

Nello sfondo grigio ci sono 50 px di spazio superiore e 50 pixel di spazio inferiore.




 

width

L'attributo width specifica l'ampiezza del marquee ed è espresso in pixel o in percentuale della larghezza dello schermo.

<marquee width="100">...</marquee>

Questo testo ha come attributo width = 100 pixel




L'elemento <marquee> non è mai stato approvato dal W3C