HTML Marquee Code

Code for adding scrolling text & images to your website or blog.

CSS Marquee

CSS marquees are the standards-compliant way of creating marquees in HTML.

More CSS Marquees

Bootstrap Carousel

The Bootstrap carousel is also standards-compliant, as it is basically a Bootstrap version of a CSS marquee.

About Bootstrap Carousels

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!