teks berjalan, beberapa marquee

contoh beberapa Marquee Code

<br /> <marquee align="center" direction="right" height="200" scrollamount="2" width="30%"><br /><br />your teks here<br /><br /> </MARQUEE><br />
Berikut Hasilnya


your teks here



<br /><br /> <marquee align="center" direction="right" height="200" scrollamount="2" width="30%"><br /><br />your teks here<br /><br /> </MARQUEE><br /><br /><br />
Berikut Hasilnya




your teks here




<br /> <div align="left"> <font FACE="georgia" color="White"><b><marquee BGCOLOR="RED" width="70%" scrollamount="3" behavior="alternate"><br /><br /><br /> teks kamu disini<br /><br /><br /> </MARQUEE></b></FONT></div> <br />
Berikut Hasilnya

teks kamu disini

Marque berhenti bila ditunjuk mouse
<br /> <marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="200" align="center"><br /><br /><br /> teks kamu disini<br /><br /><br /> </marquee><br />
Berikut Hasilnya




teks kamu disini

Continuous scrolling text:

<br /><!-- HTML codes by Quackit.com --><br /><marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee><br /><p style="font-size:10px;"> <a href="http://www.quackit.com/create-a-website/">Create a website</a></p> <br />
Berikut Hasilnya

Your scrolling text goes here

Text bouncing back and forth:

<br /><!-- HTML codes by Quackit.com --><br /><marquee behavior="alternate">Your bouncing text goes here</marquee><br /><p style="font-size:10px;"> <a href="http://www.quackit.com/create-a-website/">Create a website</a></p> <br />
Berikut Hasilnya

Your bouncing text goes here

Text Scrolling Upwards:

<br /><!-- HTML codes by Quackit.com --><br /><marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee><br /><p style="font-size:10px;"> <a href="http://www.quackit.com/create-a-website/">Create a website</a></p> <br />
Berikut Hasilnya

Your upward scrolling text goes here

Change the Scrolling Speed:

<br /><!-- HTML codes by Quackit.com --><br /><marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><br /><marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><br /><marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee><br /><p style="font-size:10px;"> <a href="http://www.quackit.com/create-a-website/">Create a website</a></p> <br />
Berikut Hasilnya

Slow scroll speed
Medium scroll speed
Fast scroll speed

Cool Effects with Marquees!

<br /><!-- HTML codes by Quackit.com --><br /><div class="example-code" style="position:relative;height:600px;"> <br /><marquee style="z-index:2;position:absolute;left:18px;top:97px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:200px;"scrollamount="3" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:1px;top:89px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:100px;"scrollamount="7" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:111px;top:7px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:302px;"scrollamount="4" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:225px;top:83px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:435px;"scrollamount="3" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:105px;top:53px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:432px;"scrollamount="2" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:168px;top:69px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:369px;"scrollamount="1" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:130px;top:117px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:289px;"scrollamount="7" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:176px;top:57px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:78px;"scrollamount="7" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:16px;top:57px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:56px;"scrollamount="5" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:300px;top:86px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:194px;"scrollamount="2" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:292px;top:10px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:251px;"scrollamount="6" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:278px;top:74px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:154px;"direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:241px;top:72px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:82px;"direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:276px;top:32px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:70px;"scrollamount="3" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:272px;top:15px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:334px;"direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:90px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:167px;"scrollamount="7" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:275px;top:108px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:420px;"scrollamount="7" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:22px;top:76px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:12px;"scrollamount="7" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:89px;top:54px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:366px;"scrollamount="2" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:26px;top:72px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:358px;"scrollamount="1" direction="down">Marquee effects... cool!</marquee><marquee style="z-index:2;position:absolute;left:3px;top:44px;font-family:Cursive;font-size:14pt;color:#ffcc00;height:130px;"scrollamount="3" direction="down">Marquee effects... cool!</marquee><br /></div> <br />
Berikut Hasilnya

Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!