Se avete intenzione di inserire un testo scorrevole nel vostro sito o blog e non volete appesantirlo, la scelta più saggia è quella di inserire del codice “marquee”.
Andiamo, allora, ad analizzare le modalità.
Aprite la pagina dentro la quale volete inserire il testo scorrevole ed inseriamo il seguente codice html:
<marquee direction="left" scrollamount="2" height="30" onmouseout="this.start()" onmouseover="this.stop()" style="text-align: center; border: 1px #F5C1CD dashed;" width="200">Benvenuti sul sito di Fabio Cammisa</marquee>
Questo sarà l’effetto del codice:
Andiamo a vedere in dettaglio le proprietà ed il modo di personalizzarle.
direction=”right”: indica la direzione dell’animazione (i valori che può assumere sono up, down, left o right)
scrollamount=”3″: indica la velocità dell’animazione
height=”50″ e width=”250″: indicano le dimensioni dell’animazione
onmouseover=”this.stop()” e onmouseout=”this.start()”: sono le funzioni che bloccano e fanno ripartire l’animazione al passaggio del mouse
style=”text-align: center; border: 1px #F5C1CD dashed;”: indica l’aspetto dell’animazione (è possibile impostare l’allineamento del testo, il colore, lo sfondo, il bordo, ecc..)