HTML Bouncing Text

You can create bouncing text in HTML using <marquee> tags. You can make your text bounce sideways or up and down.

Note: Bouncing text has limited browser support. If you can't see the text bouncing around on this page, it could be that your browser doesn't support this feature of the <marquee> tag.

See CSS Bouncing Text for the CSS version (recommended).

Side to Side

To make your text bounce back and forth, use behavior="alternate". Like this:

Source Code	Result
<marquee behavior="alternate">Here is some bouncing text... side to side</marquee>	Here is some bouncing text... side to side

Note that browser support for bouncing marquees is quite limited.

Up & Down

You can make your text bounce up and down too. To do this, just add behavior="alternate" direction="up". Like this:

Source Code	Result
<marquee behavior="alternate" direction="up">Here is some bouncing text... bouncing up and down.</marquee>	Here is some bouncing text... bouncing up and down.

Changing the Speed

You can speed up your bouncing text - or slow it down if you prefer. To do this, just add the scrollamount attribute. For example, scrollamount="1" results in a very slow bounce, while scrollamount="50" will be very fast.

Some examples:

Source Code	Result
<marquee behavior="alternate" scrollamount="1">Slow...</marquee> <marquee behavior="alternate" scrollamount="12">Fast...</marquee> <marquee behavior="alternate" scrollamount="25">Faster...</marquee> <marquee behavior="alternate" scrollamount="55">Lightning!</marquee>	Slow... Fast... Faster... Lightning!

More Marquee Codes

You can do much more with HTML marquees than is covered on this page. Here's the full list of marquee codes on this website:

Marquee Generator

Also check out the Marquee Generator.

Marquee Usability

Try to be careful when using HTML marquees. Many web users dislike websites that contain scrolling or bouncing images and other elements, so try to use them tastefully :)