Testo e immagini che scorrano - Abbonizio.com

abbonizio.com
Grafica Web e dintorni
Vai ai contenuti
Risorse web > Codici html per pagine web
TESTO ED IMMAGINI CHE SCORRANO "il Marquee"
Dedicato a tutti coloro che trattano per la prima volta il linguaggio HTML
Di seguito i codici per inserire vari tipologie di testi scorrevoli con relative spiegazioni.

Come far scorrere un testo ed un immagine:
Testo
Questo è il codice:
<marquee> testo</marque>


Per l'immagine basta sostituire il testo con "URL immagine":
Questo è il codice:
<marquee>< img src="URL immagine"></marque>


Qualche effetto particolare:
Testo
Questo è il codice:
<marquee behavior="alternate" bgcolor=" pink"><marque width="300">Testo </marquee> </marquee>


Testo Testo
Questo è il codice:
<marquee bgcolor="#FFFF00" width="200"> Testo</marque> <marquee bgcolor="#9ACD32" width="200" direction="right"> Testo</marque>


Testo
Questo è il codice:
<marquee width="400" style="border:#FF00FF 2px solid"> Testo</marque>


Attributi marquee:
  • behavior="scroll": è l'impostazione predefinita. Il contenuto non si ferma.
  • behavior="slide": il contenuto scorre e si ferma solo quando arriva alla fine.
  • behavior="alternate": il contenuto rimbalza da una parte e dall'altra.
  • directio="left": da destra verso sinistra
  • direction="right": da sinistra verso destra
  • direction="up": dal basso verso l'alto
  • direction="down": dall'alto verso il basso
  • scrolldelay="x": indica il tempo tra uno scorrimento e l'altro.
  • scrollamount="x": indica di quanti pixel si deve spostare il contenuto.
  • loop="x": per impostare il numero di volte che il contenuto deve scorrere.
  • hspace="x": è la distanza del contenuto dal margine sx e dal margine dx.
  • vspace="x": è la distanza dal margine superiore e dal margine inferiore.
  • align="x": per posizionare il testo intorno al marquee. Middle (al centro), top (in alto), bottom (in basso).
  • onmouseover="this.stop()" onmouseout="this.start()": il contenuto si fermerà al passaggio del mouse.



Ragazza che indica con le mani
Buon lavoro ^_^ Ciao... Abbonizio.com
Grafica web e dintorni
abbonizio.com
<º))))><.·´¯`·.   -♥-   Google PageRank        CSS Valido!         sito protetto         Licenza Creative Commons   -♥-   ¸.·´¯`·.¸><((((º>
www.Abbonizio.com è on-line dal 30.04.2013, grazie a tutti gli amici che sono passati a trovarci!
E' vietata la riproduzione totale o parziale senza espressa autorizzazione. Copyright © 2012- www.abbonizio.com
Torna ai contenuti