Marquee tag

Úvod » Rady, Tipy, Triky » Marquee tag

V rámečku

<marquee direction="down" width="250" height="150" behavior="alternate" style="border:solid">
  <marquee behavior="alternate">
    Váš text ...
  </marquee>
</marquee>
Váš text …

Text bude rolovat směrem nahoru – scrollamount (rychlost) nastaveno na 1

<marquee direction="up" scrollamount="1">Text bude rolovat směrem nahoru - scrollamount (rychlost) nastaveno na 1</marquee>
Text bude rolovat směrem nahoru – scrollamount (rychlost) nastaveno na 1

Alternativní: s UP směrem dolů

<marquee style="font-family: Book Antiqua; color: #FFFFFF" bgcolor="#696969" direction="up" height="80" behavior="alternate" >Alternativní: s UP směrem dolů</marquee>
Alternativní: s UP směrem dolů

Počínaje zprava a zastavující ve středu

<div  align="right" style="width:50%;float:right ;">
<marquee  direction="left" >Počínaje zprava a zastavující ve středu</marquee>
</div>
Počínaje zprava a zastavující ve středu

Směr vlevo

<marquee style="font-family:Book Antiqua; color: #FFFFFF" bgcolor="#696969"  direction="left">Směr vlevo</marquee>
Směr vlevo

Směr vpravo

<marquee style="font-family:Book Antiqua; color: #FFFFFF" bgcolor="#696969"  direction="right">Směr vpravo</marquee>
Směr vpravo

Směr nahoru

<marquee style="font-family: Book Antiqua; color: #FFFFFF" bgcolor="#696969" direction="up" height="80" >Směr nahoru</marquee>
Směr nahoru

Směr dolu

<marquee style="font-family: Book Antiqua; color: #FFFFFF" bgcolor="#696969" direction="down" height="80" >Směr dolu</marquee>
Směr dolu

S odkazem na CSFD a při najetí kurzorem stop a start při opuštění kurzorem

<marquee id='scroll_news'><div onMouseOver="document.getElementById('scroll_news').stop();" onMouseOut="document.getElementById('scroll_news').start();"><a href="https://www.csfd.cz/film/312362-velka-cinska-zed/prehled/" ; target="_blank"; style="font-size:18px; color: #FF0000">CSFD</a></div></marquee>

Pozadí .gif, dvojitý rámeček 4px, velikost písma 24px, barva bílá, běžící text z levé strany, při najetí kurzorem na text stop, opuštění textu kurzorem start. Pokud nechci rámeček dám u border 0px…

<div style="background-image: url('https://e-posta.eu/torrent/obrazky/files/Rentom/gif17.gif');"><p style="border: 4px double; font-size:24px;color:#FFFFFF;"><marquee onMouseOver="this.stop()" onMouseOut="this.start()" behavior="scroll" direction="left"> Let / Flight (2012)(CZ) = CSFD 75% </marquee></p></div>

Let / Flight (2012)(CZ) = CSFD 75%

Pozadí barva, dvojitý rámeček 4px, velikost písma 24px, barva bílá, běžící text z levé strany, při najetí kurzorem na text stop, opuštění textu kurzorem start. Pokud nechci rámeček dám u border 0px…

<div style="background-color:#008080;"><p style="border: 4px double; font-size:24px;color:#FFFFFF;"><marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="scroll" direction="left"> Let / Flight (2012)(CZ) = CSFD 75% </marquee></p></div>

Let / Flight (2012)(CZ) = CSFD 75%

Text ze strany na stranu

<marquee behavior="alternate">Po stažení nezapomeň seedovat...</marquee></p>
Po stažení nezapomeň seedovat…

Můžeme si navolit i rychlost např. scrollamount=“12″

<marquee behavior="alternate" scrollamount="12">Po stažení nezapomeň seedovat...</marquee>
Po stažení nezapomeň seedovat…

Chodící obrázek. Buď si najdeme na netu nebo si uděláme vlastní .gif

<marquee behavior="scroll" direction="right"><img style="height:80px;width:80px" src="https://e-posta.eu/torrent/obrazky/files/Rentom/TautThi.gif" alt="zelva"></marquee>
zelva

Opětovná úprava rámečku

<marquee behavior = "alternate"> <marquee width = "200"> Reoccuring Marquee </marquee> </marquee>
Opětovná úprava rámečku

Značky opačného směru

<marquee scrollamount = "5" width = "40">&lt;&lt;&lt;</marquee> Značky opačného směru <marquee scrollamount = "5" direction = "right" width = "40">&gt;&gt;&gt;</marquee>
<<< Značky opačného směru >>>

Střed alternate scroll

<center><p align="center"><font size="+3" color="#FFFFFF"><marquee behavior="alternate" scrolldelay="65" width="12%">W</marquee><marquee behavior="alternate" scrolldelay="20" width="12%">O</marquee><marquee behavior="alternate" scrolldelay="60" width="12%">R</marquee><marquee behavior="alternate" scrolldelay="20" width="12%">D</marquee></center></font>

WORD

Text Text Text Text

<marquee bgcolor="#FFFFFF" width="20%"><font color=#000000>TEXT</font></marquee><marquee bgcolor="#000000" width="20%" direction="right"><font color=#FFFFFF>TEXT</font></marquee><marquee bgcolor="#FFFFFF" width="20%"><font color=#000000>TEXT</font></marquee><marquee bgcolor="#000000" width="20%" direction="right"><font color=#FFFFFF>TEXT</font></marquee>
TEXTTEXTTEXTTEXT