HTML Marquee Code ធ្វើ​អក្សរ​រត់

HTML Marquee Code

TIP: You can make it easy on yourself by using the marquee generator.

Example Marquee Code

Note that if you can't view the examples, it's likely that your browser doesn't support the marquee tag.

Slide-in text:

This text slides in from the left, then stays where it is. You will need to refresh this page to see the effect again.

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="slide" direction="left">Your slide-in text goes here</marquee><br />

This code results in:

Your slide-in text goes here

Continuous scrolling text:

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee><br />

This code results in:

Your scrolling text goes here

Text bouncing back and forth:

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="alternate">Your bouncing text goes here</marquee><br />

This code results in:

Your bouncing text goes here

Text Scrolling Upwards:

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee><br />

This code results in:

Your upward scrolling text goes here

Change the Scrolling Speed:

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><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 />

This code results in:

Slow scroll speed

Medium scroll speed



Fast scroll speed

Scrolling Images:

Simply replace the src="... part with the location of your own image.

<br /><!-- HTML codes by socheatk.blogspot.com - hope to see you again soon! --><br /><marquee behavior="scroll" direction="left"><img src="http://3.bp.blogspot.com/_jsh8ETlAeWg/SD0lSh-JzZI/AAAAAAAAAAQ/ztFqIvOFSXs/S220/socheatk.JPG" width="100" height="100" alt="socheat" /><img border="0" width="892" src="Http://socheatkhmer.wordpress.com/files/2007/08/31.gif" height="40"/><img border="0" width="892" src="Http://socheatkhmer.wordpress.com/files/2007/08/41.gif" height="40"/><img border="0" width="67" src="http://www.zabzaa.com/freeanimation/animation/email_md_wht4.gif" height="40"/></marquee><br />

This code results in:

Have you checked out the marquee generator?

Enjoy this website?

1. Link to this page (copy/paste into your own website or blog):
   
   
   
   
   
   
   
   
   <a href="http://socheatk.blogspot.com/2008/06/html-marquee-code.html">HTML Marquee Code</a> from socheatk.blogspot.com
   
   
   
   
   
   
   



2. Add this page to your favorite social bookmarks sites: