HTML Marquee Code

You can create a scrolling marquee (i.e. scrolling text or scrolling images) by using the <marquee> tag. You can make the text/images scroll from right to left, left to right, top to bottom, or bottom to top - it's your choice!

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 right, then stays where it is. You will need to refresh this page to see the effect again.

CodeResult

Your slide-in text goes here

Continuous scrolling text:

CodeResult

Your scrolling text goes here

Text bouncing back and forth:

CodeResult

Your bouncing text goes here

Text Scrolling Upwards:

CodeResult

Your upward scrolling text goes here

Change the Scrolling Speed:

CodeResult

Slow scroll speed Medium scroll speed Fast scroll speed

Scrolling Images:

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

CodeResult

smile

Images & Text (Both Scrolling):

Simply add your text under the image tag (but still within the marquee tags).

CodeResult

smile

Sample text under a scrolling 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!...cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquees...Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!...effects...Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!Marquee effects... cool!

More Marquee Tricks

Here are more tricks you can use with your marquees:

CSS Marquees

The above examples use the HTML marquee tag to create the marquee effect. CSS 3 - the latest version of Cascading Style Sheets - allows you to create marquees using CSS. Although at the time of writing, browser support for CSS marquees was limited, the following pages show how HTML marquees will be handled in the future:

Also See...

You might also be interested in these pages:

Enjoy this page?

Sponsored Link: Design CODE-FREE Websites

Check a Domain:

ZappyHost Logo
ZappyHost Banner Ad