HTML Marquee Code

Here you will find HTML marquees, CSS marquees, and Bootstrap marquees.

CSS Marquee

More CSS Marquees

Bootstrap Carousel

Get Code

HTML Marquees

You can also use the <marquee> tag to create a marquee. You can make the text/images scroll from right to left, left to right, top to bottom, or bottom to top.

The <marquee> tag is non-standard HTML. Despite this, it has enjoyed widespread browser support. For a standards-compliant method, see CSS Marquees or Bootstrap Carousels.

If you can't view the examples, it's likely that your browser doesn't support the <marquee> tag.

Continuous scrolling text:

This marquee causes the text to scroll continuously from right to left. Once it disappears from the left, it re-appears from the right.

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.

Text bouncing back and forth:

Text Scrolling Upwards:

Change the Scrolling Speed:

Scrolling Images:

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

Images & Text (Both Scrolling):

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

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!