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.

Also, please consider keeping the link back to this website - if you do it will be very much appreciated!

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

About the HTML Codes

The HTML code on this page is provided free of charge, for you to use however you wish. Feel free to modify the code to suit your own needs.

External Style Sheets

Most of the HTML codes on this website use inline CSS. If you intend to use the codes across your whole website, you should place the CSS into an external style sheet.

To learn more, check out this explanation of external style sheets.

Web Hosting

Our partner site, ZappyHost, is a professional web hosting company providing website hosting, domain names and related products. If you need web hosting, check them out!