HTML Code for Marquee Text

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

To copy html code, click on the box, right click, select copy.

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 /><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 /><marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee><br />

This code results in:

Your scrolling text goes here

TEXT BOUNCHING BACK AND FORTH

<br /><marquee behavior="alternate">Your bouncing text goes here</marquee><br />

This code results in:

Your bouncing text goes here

TEXT SCROLLING UPWARDS

<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 SROLLING SPEED

<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 /><marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee><br />

This code results in:

IMAGES & TEXT (BOTH SCROLLING)

Simply add your text under the image tag (but still within the marquee tags).
<br /><marquee behavior="scroll" direction="left"><br /><img src="/pix/smile.gif" width="100" height="100" alt="smile" /><br /><p>Sample text under a marquee image.</p><br /></marquee><br />

This code results in:

Sample text under a marquee image.

COOL EFFECTS WITH MARQUEES!

You can use HTML marquees for some cool effects. Check out this falling text (generated with the Falling Text Generator)...

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!