Inserire scritte ed immagini scorrevoli nel blog.

Come inserire delle scritte e oggetti scorrevoli nel blog con il tag marquee

Ho già parlato di scritte scorrevoli in questo articolo in cui ho illustrato come con questo codice


<marquee onmouseover="this.stop()" direction="Left" scrollamount="5" onmouseout="this.start()" width="100%" style="font-size: 18pt;
color: #800000; font-family: Tahoma" height="40" bgcolor="#FFCC99">Idee per computer ed internet by Parsifal32</marquee>


si otteneva una scritta che si interrompeva al passaggio del mouse. Premesso che anche questo tag, come quello blink del precedente articolo, è deprecato dal W3C vediamo come possiamo utilizzarlo per variare le nostre scritte.

Idee per computer ed internet by Parsifal32

Se inseriamo l’attributo behavior=’alternate’ lo scorrimento della scritta si alternerà verso sinistra e verso destra alla fine della corsa.
Si possono anche far scorrere delle immagini che ovviamente prima devono essere caricate sul web. Per esempio prendiamo questa immagine e carichiamola su Skydrive

s
Dopo averne ottenuto l’URL inseriamo questo codice in modalità HTML


<marquee onmouseover="this.stop()" direction="Left" scrollamount="10" onmouseout="this.start()" width="100%" > 
<img style="width:50px;" src="https://tinyurl.com/kmf2zv"> </marquee>


In cui ci sono le possibili personalizzazioni che riguardano

• onmouseover="this.stop()"  - L’immagine viene fermata quando si punta con il mouse
• onmouseout="this.start()"  - L’immagine riparte quando il mouse si sposta
• Left – è la direzione iniziale
• scrollamount =”10” – rappresenta la velocità di scorrimento
• behavior=”alternate” – va da sinistra a destra e poi da destra a sinistra
• widht="100%" – è la lunghezza dello spostamento misurata in pixel.
• Da notare che non occorre mettere il colore di sottofondo e l’altezza che sarà quella dell’immagine
• img src=”URL_immagine” – ovviamente ho inserito l’URL acquisito da Skydrive dopo averlo accorciato con TinyUrl

Ecco il risultato