Categories:
Partners

General overview of the <marquee> tag of IE

For the dazed and confused, starting in IE3, your browser supports what's called the <marquee> tag. This tag, simply put, scrolls any text you put inside of it:

<marquee>This text scrolls. This text scrolls. This text scrolls.</marquee>

Numerous enhancements have been added since to make it infinitely more attractive to use, including support for HTML content, scroll style and speed customization, and programmatic access using JavaScript. Before we officially dive in, let's first see a few example marquees that utilize these goodies. Note that IE 4+ is required at this point...

1) Marquee with rich HTML content:

Two wrongs don’t make a right. -Cheales A bird in the hand is worth two in the bush. -Heywood The opposite of love is indifference. -Erin All is well that ends well. -Shakespeare

2) up-down scroll marquee with CSS formatting:

Two wrongs don’t make a right. -Cheales

A bird in the hand is worth two in the bush. -Heywood

The opposite of love is indifference. -Erin

All is well that ends well. -Shakespeare

2) Scroller that pauses/ resumes when the mouse is over/out:

Two wrongs don’t make a right. -Cheales

A bird in the hand is worth two in the bush. -Heywood

The opposite of love is indifference. -Erin

All is well that ends well. -Shakespeare

A little different from the marquee you're familiar with, most likely.