Si possono mettere insieme le due cose sfuttando la proprietà del marquee scrollamount, che indica la quantità di pixel di cui si sposta ogni volta la scritta.
La velocità del blink sarà invece data dall'attributo scrolldelay, che è l'intervallo in millisecondi fra due spostamenti. Noi qui useremo un intervallo di 1 secondo, per permettere una migliore visualizzazione.
Calcolaliamo innanzitutto quanti pixel corrispondano ad un carattere. Per avere dei calcoli precisi ci conviene usare un tipo di carattere a larghezza fissa, come il Courier.
Prepariamo una tabella che contenga le lettere dell'alfabeto italiano, ripetute due volte, come la seguente:abcdefghilmnopqrstuvzabcdefghilmnopqrstuvz |
<table> <tr><td bgcolor=navy width=420><p style="font-family:courier; font-size: 12pt; color:white; font-weight:bold">abcdefghilmnopqrstuvzabcdefghilmnopqrstuvz</table> |
abcdefghilmnopqrstuvzabcdefghilmnopqrstuvz |
|
<p align="center" style="font-size: 12pt; color:white; font-weight:bold; font-family:courier"> <marquee behavior="scroll" width= 420 direction="left" scrollamount="100" scrolldelay="1000">Ciao</marquee> |
abcdefghilmnopqrstuvzabcdefghilmnopqrstuvz |
|
<p align="center" style="font-size: 12pt; color:white; font-weight:bold; font-family:courier"> <marquee behavior="scroll" width= 420 direction="left" scrollamount="230" scrolldelay="1000">Ciao</marquee> |
spazi liberi
=
| larghezza del marquee - larghezza totale scritta
| nel nostro caso
| 420 - 3 × 40 = 420 - 120 = 300
| intervallo
| =
| spazi liberi : numero intervalli
| nel nostro caso
| 300 : 4 = 75
| scrollamount
| =
| intervallo + larghezza di una scritta
| nel nostro caso
| 75 + 40 = 115
| |
<p align="center" style="font-size: 12pt; color:white; font-weight:bold; font-family:courier"> <marquee behavior="scroll" width= 420 direction="left" scrollamount="115" scrolldelay="1000">Ciao</marquee> |
©2009 www.webfract.it