Web Design Discussion

You may have seen a scrolling marquee on some web sites but wondered if you can add a little more creativity to it. Let’s first discuss the basics of the html marquee code before showing you a way to do something more creative with it such as scrolling images.

What is a marquee?

In HTML, a marquee is a small section of the browser window that displays text that rolls across the screen. This tag works only in Internet Explorer.

Uses of the marquee

Pros

1. Church marquee. You want to make an announcement that may change daily or weekly. Churches often display a scrolling marquee on a sign outside their church to attract visitors to their church.

2. Get attention. It quickly draws the attention of your visitors to that location on the web page.

3. Special occasions. Some sites use it to announce specials pertaining to holidays i.e. Christmas, Easter etc

Cons

1. Distracts visitors from the actual content of your site.

2. Does not work in all browsers. Be sure to test your html marquee codes before uploading your web page.

HTML marquee codes

This is a simple marquee:

This text scrolls


<marquee>This text scrolls</marquee>


This is a delayed marquee:

This text scrolls every half second


<marquee scrolldelay="500" width="200">This text scrolls every half second</marquee>


Browser Support

Netscape 7
Mozilla 1
Firefox 1
Internet Explorer 2, 3, 4, 5, 6
Opera 6, 7, 8
Safari 1
WebTV / MSNTV

Creating Easy Scrolling Images

If you want to add animated images that scroll across your page that also work in most modern browsers please visit this page:

Easy Scrolling Images

Scroll down to The Tips Jar - Easy Scrolling Images

Now you have no excuse to liven up your marquees in your future designs.

This entry was posted on Thursday, April 20th, 2006 at 10:03 am and is filed under Web Design . You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.