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.
This code results in:
Continuous scrolling text:
This code results in:
Text bouncing back and forth:
This code results in:
Text Scrolling Upwards:
This code results in:
Change the Scrolling Speed:
This code results in:
Scrolling Images:
Simply replace the src="... part with the location of your own image.
This code results in:
Images & Text (Both Scrolling):
Simply add your text under the image tag (but still within the marquee tags).
This code results in:
Cool Effects with Marquees!
You can use HTML marquees for some cool effects. Check out this falling text (generated with the Falling Text Generator)...
More Marquee Tricks
Here are more tricks you can use with your marquees:
- Falling Text (as above)
- Falling Images
- Start/stop your HTML Marquees
- Slow down your HTML Marquees
- Scrolling Images
- Marquee Generator