Testo scorrevole da utilizzare nel proprio sito o blog

Testo scorrevole


Questa pagina contiene codice HTML marquee per ottenere un testo scorrevole da inserire nel proprio sito o blog.
Tutti i valori sono modificabili per essere adattati a qualunque esigenza

Ultimo aggiornamento: dicembre 2016






Marquee 1 (Testo scorrevole base)

Ciao io sono un testo scorrevole ottenuto con attributo “marquee”


<marquee>Ciao io sono un testo scorrevole ottenuto con attributo “marquee”</marquee>



Marquee base


Marquee 2 (Testo e sfondo colorato)

TESTO 1234567890 TESTO

TESTO 1234567890 TESTO


<span style="color: #FFFFFF; font-size: 20px;"><marquee bgcolor="#800000" width="100%" direction="left"scrolldelay="1" scrollamount="5">TESTO 1234567890 TESTO</marquee></span>





Il “marquee” è stato inglobato nell’attibuto “span” per definire colore e dimensione del testo
bgcolor definisce il colore di fondo
width definisce la larghezza del “marquee”
direction definisce la direzione di scorrimento (left, right, up, down)
scrolldelay definisce il ritardo, in millisecondi, dello spostamento del testo
scrollamount definisce la velocita di scorrimento


Marquee 3 (Testo con movimento alternato)

TESTO 1234567890 TESTO


<span style="color: #800000; font-size: 20px;"><marquee bgcolor="#AFFFFF" width="100%" direction="left"scrolldelay="1" scrollamount="10" behavior="alternate">TESTO 1234567890 TESTO</marquee></span>





Rispetto al “marquee 2” è stato aggiunto l’attibuto “behavior”
behavior definisce il tipo di movimento (scroll, slide, alternate)


Marquee 4 (Testo che si blocca al passaggio del mouse)

TESTO 1234567890 TESTO

TESTO 1234567890 TESTO

<marquee scrollAmount="3" scrolldelay="3" onmouseover="this.stop()" onmouseout="this.start()">TESTO 1234567890 TESTO</marquee>



Testo che si blocca al passaggio del mouse utilizzando gli attributi:
onmouseover=”this.stop()” e onmouseout=”this.start()”


<div style="background-color:#908435;width:100%;height:20px;border:#000000 2px SOLID">
<marquee scrollAmount="5" scrolldelay="2" onmouseover="this.stop()" onmouseout="this.start()"><span style="color: #FFFFFF;">
TESTO 1234567890 TESTO</span></marquee></div>



Stesso “marquee” con l’aggiunta di:
sfondo, altezza, larghezza, bordo del box e colore del testo

<span style="font-size: 12px;">TESTO 1234567890 TESTO</span>

Per determinare la dimensione del carattere è sufficiente aggiungere questa stringa


Marquee 5 (“Marquee” con spazio libero ai due lati)

TESTO 1234567890 TESTO

<div style="width:100%; border:3px solid #ABCDEF;
background-color:#050402"><span style="color: #FFFFFF; font-size: 20px;"><marquee hspace="200px" direction="left"scrolldelay="1" scrollamount="5">
TESTO 1234567890 TESTO</marquee></span></div>





Rispetto al “marquee 2” è stato aggiunto l’attibuto “hspace”
hspace definisce lo spazio libero sui due lati espresso in PX


Marquee 6 (Testo saltellante)

TESTO


<span style="color: #800000; font-size: 20px;"><marquee bgcolor="#AFFFFF" height="50px" direction="up"scrolldelay="1" scrollamount="8" behavior="alternate"><marquee width="100%" direction="left"scrolldelay="1" scrollamount="10" behavior="alternate"><strong>TESTO</strong></marquee></marquee></span>

Integrazione di due “marquee”


Marquee 7 (Immagini al posto del testo)

Testo scorrevole


<img src="URL VOSTRA IMMAGINE"/>

Per inserire immagini, utilizzare la riga di codice descritta nel box, al posto del testo


Marquee 8 (Testo scorrevole ottenuto con “javascript”)



I valori modificabili sono:
rollmsg()”,100 Piu alto è il valore piu bassa è la velocità di scorrimento e viceversa.
ctrlwidth = “80” Larghezza del box di scorrimento


Ulteriori note potete trovarle nella pagina dedicata di wikipedia