INDICE

CREARE UN TESTO CHE SCORRE COME VUOI TU

Metodo con l'uso del marquee

E' molto semplice da usare, ma non è adatto per un testo molto lungo.

Basta comunque premere i pulsantini per ottenere l'avvio o lo stop dell'animazione del testo.

direction=right
direction=up

direction=down

direction=left

Ecco il codice per il marquee a scorrimento orizzontale:
<marquee id="destra" direction=right 
width=250 height=30
 style="background-color:darkorange; 
font:14px courier; 
color:navy;
 border:3px solid green">direction=right</marquee>
<a href="javascript:destra.start()">
<img src="play.gif" width=22></a>
<a href="javascript:destra.stop()"><img src="pause.gif" width=22></a>

Analizziamo il codice passo per passo.

< marquee id="destra"
Si introduce, attraverso i soliti tag, un marquee. Questo deve essere identificato (id) dandogli un nome. In questo caso è stato dato il nome "destra". A questo identificatore si fa riferimento se si vuole attivare o disattivare lo scorrimento del testo.

direction=right 
stabilisce il verso di scorrimento. Sono previste le seguenti opzioni:
direction right
scorrimento verso destra
direction left
scorrimento verso sinistra
direction up
scorrimento verso l'alto
direction down
scorrimento verso il basso


width=250 height=30
 style="background-color:darkorange; 
font:14px courier; 
color:navy;
 border:3px solid green">
sono riferiti allo stile di formattazione: possono essere cambiati a seconda delle proprie preferenze.


direction=right
E' il testo che vogliamo compaia all'interno del marquee. Chiaramente in base al testo avremo scelto la larghezza (width) del marquee. Infatti, il testo in eccesso viene tagliato.


</marquee>
Chiude l'istruzione.


<a href="javascript:destra.start()">
<img src="play.gif" width=22> </a>
L'immagine "play.gif", se premuta, attiva il collegamento alla funzione javascript "destra.start()".
destra è il nome dell'identificatore, mentre .start è la parola riservata javascript che fa partire lo scorrimento del testo.


<a href="javascript:destra.stop()">
<img src="pause.gif" width=22> </a>
L'immagine "pause.gif", se premuta, attiva il collegamento alla funzione javascript "destra.stop()".
destra è il nome dell'identificatore, mentre .stop è la parola riservata javascript che blocca lo scorrimento del testo.

E' ovvio che se si usano più marquees occorre dare ad ognuno di essi un diverso identificatore.

Non è poi necessario inserire delle immagini per attivare le funzioni, ma basta anche un semplice testo.

Se si vuole che al caricamento della pagina il testo non scorra, occorre aggiungere il seguente codice:

<script language=JavaScript>
if (document.all){
destra.stop()
}
</script>
Questa funzione blocca automaticamente lo scorrimento del testo, senza cliccare sul collegamento relativo. Se la funzione viene inserita prima di aver dichiarato il marquee, di riceve un messaggio di errore tipo: "destra non è definito".

Prossimamente verrà presentato lo scorrimento del testo, con l'uso di javascript.


INDICEINDIETRO

©2002 www.webfract.it