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 |
---|---|
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 |
---|---|
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 |
---|---|
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 :)