HTML - rullande text

För att ge hemsidan liv kan det ibland vara fördelaktigt att använda dynamisk text - text som rör sig.

Om du vill uppmärksamma nåt speciellt på din webbplats kan du använda dig av rullande text. Detta gör du genom att använda <marquee>.
Observera att marquee inte är med i HTML specificationerna.


<marquee>Rullande text</marquee>

Rullande text

Om du vill ändra sättet texten rullar förbi på använder du <marquee behavior="**ändringen**">

Man kan välja mellan olika sorters rullningar

  • SCROLL=Den förinställda
  • SLIDE=Texten försvinner när den når kanten istället för att rulla in i kanten.
  • ALTERNATE=texten studtsar i kanterna istället för att rulla in i kanten.
T ex:

<marquee behavior="alternate">
	Studsande text
</marquee>
Studsande text

Om du vill ändra storleken på "cellen" kan du använda marquee height och marquee width Där du bestämmer antal pixlars storlek.


<marquee width=50 height=15>Liten ruta</marquee>
Liten ruta

För att ändra bakrundsfärgen använder du bara <marquee bgcolor="BLUE">


<marquee bgcolor="BLUE" width="250" height="20">
	text på blå bakrund
</marquee>
text på blå bakrund

Om du vill ändra riktningen från vilket håll texten rullas in ifrån använder du direction="RIGHT"


<marquee direction="RIGHT">
	Från vänster till höger
</marquee>
Från vänster till höger

För att skapa utrymme på sidorna om texten använder man sig av marquee HSPACE. Du anger i pixlar.
!obs! funkar bara i IE. På samma sätt kan du använda VSPACE.


<marquee HSPACE="30">
	Text med utrymme på sidorna
</marquee>

Text med utrymme på vänster sida

Om du inte vill att din text ska rulla i evighet använder du <marquee loop>


<marquee loop="infinite">
	Rullar i all evighet
</marquee>

Rullar i all evighet

Använder du Infinite rullar den iall evighet, använder du en siffra rullar den det antalet gånger.

Du kan också kontrollera antalet hack texten gör när den rullar, detta gör du med <marquee scrollamount>


<marquee scrollamount="30">
	Hackig text
</marquee>
Hackig text

Du kan också ange antalet millisekunder mellan varje hack, detta gör du med <marquee scrolldelay>


<marquee scrolldelay="1">
	Inte så fort
</marquee>
Inte så fort

Om du verkligen vill ha den korrekta hastigheten måste du lägga till truespeed annars uppfattas alla värden under 60 som 60.
OBS. Detta fungerar endast i Explorer!


<marquee truespeed scrolldelay="1">
	Jättesnabbt
</marquee>

Jättesnabbt



Fler HTML guider från webbdesign.info


Externa resurser:
Se w3's anteckningar om marquee



kommenteraKommentarer    Antal 1    Medelpoäng 5/10

Nice - (5/10)
Tackar för coderna altid Kull med lite rull Text :D
TBM

Bli medlem för att kunna skriva kommentarer!
Logga in om du redan är medlem.


Copyright © 2005 webbdesign.info    Cookies    Gratis statistik till hemsida    sitemap Webbdesign sitemap icon
Använd gärna våra RSS feeds:

Artikel Feed
[XML]
Forum Feed
[XML]

Svenska webhosts:
Svenska Webhotell

Använd gärna denna länk för att länka till oss:

Ny översättning:
Swedish affiliate programs

Är du medlem och vill synas här?
Hör av dig i vårt forum