Beberapa contoh code HTML marquee
Slide-in text:
<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>
======================
Continuous scrolling text:
<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>
======================
Text bouncing back and forth:
<marquee behavior="alternate">Your bouncing text goes here</marquee>
======================
Text Scrolling Upwards:
<marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>
======================
Change the Scrolling Speed:
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
======================
Scrolling Images:
<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>
======================
Images & Text (Both Scrolling):
<marquee behavior="scroll" direction="left">
<img src="/pix/smile.gif" width="100" height="100" alt="smile" />
<p>Sample text under a <a href="http://www.quackit.com/html/codes/html_marquee_code.cfm">Marquee image</a>.</p>
<p style="font-size:10px;"><a href="http://www.quackit.com/html/templates/">Templates</a></p>
</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
======================
Scrolling Images:
<marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>
======================
Images & Text (Both Scrolling):
<marquee behavior="scroll" direction="left">
<img src="/pix/smile.gif" width="100" height="100" alt="smile" />
<p>Sample text under a <a href="http://www.quackit.com/html/codes/html_marquee_code.cfm">Marquee image</a>.</p>
<p style="font-size:10px;"><a href="http://www.quackit.com/html/templates/">Templates</a></p>
</marquee>
0 komentar:
Post a Comment