Programmazione Web » Html » Testo scorrevole in Html grazie al tag marque
Testo scorrevole in Html grazie al tag marque
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net ![]()
Questo tutorial è stato letto 1268 volte
L'Html ci permette di ottenere, grazie al tag marquee, l'effetto scrolling simile a quello realizzabile in flash!
Creeremo, in sostanza, un testo scorrevole che si ferma con il verificarsi dell'evento onmouseover e che riprende a scorrere con l'evento onmouseout.
Generalmente molti webmasters lo usano per mettere in evidenza le ultime news, ma ovviamente ognuno di noi lo può implementare come meglio crede!
Vediamo il codice:
<MARQUEE onmouseover=this.stop()
onmouseout=this.start() scrollAmount=1
scrollDelay=20 direction=up height=180 align="right" width="140"><font face="Verdana" color="#000000" size="2">:: SCROLLING :: <br / >
Inserire qui tutto il testo per lo scrolling<br />
Inserire qui tutto il testo per lo scrolling<br />
Inserire qui tutto il testo per lo scrolling<br />
Inserire qui tutto il testo per lo scrolling<br />
Inserire qui tutto il testo per lo scrolling<br />
Inserire qui tutto il testo per lo scrolling<br />
Inserire qui tutto il testo per lo scrolling<br />
Inserire qui tutto il testo per lo scrolling<br />
Inserire qui tutto il testo per lo scrolling<br />
Inserire qui tutto il testo per lo scrolling<br />
</font>
</marquee>
Vediamo gli attributi da modificare:
- scrollDelay: velocità dello scroller; impostate un valore arbitrario ma comunque non troppo alto;
- direction: direzione per lo scorrimento del testo; può essere cambiata tra up, down, left e right;
- height e width: rispettivamente altezza e larghezza dello scroller;
- align: allineamento dello scroller.
L'articolo è ispirato ad una lezione di Alberto Giuliani.

