Marquees

In HTML, marquees are elements that allow other HTML elements to scroll across the page. Actually, marquees allow you to do much more than just scroll across the page. For example, you can create bouncing text, slide-in images, fast and/or slow marquees, and much more.

This page contains marquees. Feel free to copy and paste the marquees into your own website, blog, MySpace page, or other HTML document. And feel free to modify the code as you wish.

Basic Marquee Code

The following example demonstrates what the basic HTML marquee code does. The marquee tag allows stuff (i.e. text, images, etc) to scroll across the page.

Using behavior="scroll" sets the marquee to scroll continuously - that is, every time the text has scrolled all the way across, it starts again. It's basically in a loop. We set its direction using the direction.

This HTML marquee is scrolling from right to left. Although this tends to be the default, you can specify direction="left" in the HTML code.

Source CodeResult
Your left scrolling marquee text goes here

There are plenty of other things you can do with HTML marquees - especially with a little creativity. Check out the marquee codes below to get marquee code for your website!

Marquee Attributes

The <marquee> tag accepts a number of attributes (some of which are included in the above examples). Feel free to experiment with these settings to see the effect they have on your scrolling text. The full list of attributes are:

widthSets the width of the marqueescrollamountHow far to jump as it moves
heightSets the height of the marqueeloopHow many times it should loop
directionSets the direction of the marqueebgcolorSets the background color of the marquee
behaviorWhether to slide, bounce, or scrollhspaceSets the amount of horizontal space around the marquee
scrolldelayHow long the marquee should wait before each jumpvspaceSets the amount of vertical space around the marquee