How to Make a Scrolling Marquee in HTML

A good way to capture a user's attention on a website is to make a scrolling marquee in HTML. A scrolling marquee acts like it sounds. It causes a word or sentence to "crawl" across the screen. Here are a few tips and tricks for inputting scrolling marquees into your web documents.

Difficulty: Easy

Instructions

1. Mark up your html document with the basic necessary tags.
   
   
   
   
   

2. Insert the code to make a scrolling marquee.
   Type the text here you want to scroll across the screen.
   

3. Close out the basic HTML tags to complete the document.
   
   

4. Insert attributes to make the marquee tag do extra "tricks." The first is "bgcolor." It highlights the space behind the marquee text using a specified color. Enter the color using hex codes (see Resources for a list) or the actual color name in quotation marks. Use the "loop" attribute to tell the marquee how many times to scroll across the screen (the default is "infinite"). Change the height and width of your marquee tag; use denominations as a percent of the computer screen. Marquee text

5. Add other attributes to make the marquee tag more interesting. The "direction" attribute tells the marquee from which side to enter (right is default). You can change the "behavior" attribute to "slide" or "alternate." The first command makes text come in and stop at the edge of the screen and the second command allows the marquee to come in from alternating sides of the screen. The "scrolldelay" command denotes how much time in milliseconds to wait between successive marquee scrolls. Marquee text

Tips & Warnings

• The marquee tag only works with Windows Internet Explorer. Other browsers such as Mozilla Firefox and Netscape may not display the desired scrolling action.
• The marquee tag can become annoying if overused; place it into websites with caution.

Who Can Help:

• eFax is the world’s #1 Internet fax service.  Send and receive faxes by email and kiss your fax machine goodbye. 30-Day Free Trial

Resources

• List of hex color codes.

[VMANDY]

on 9/19/2008 WELCOME