Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering a guide to professional web site design, web page design and web design guidelines

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

Creating an HTML Marquee / Scrolling Text

The MARQUEE tag is used to scroll text across a web page and is only supported by Microsoft Internet Explorer.

You can change the background color, width, the number of times your message will scroll and the speed that your text scrolls, by adding the following attributes within your MARQUEE tag.

BGCOLOR="#CCCCCC" - background color

LOOP - Determines how many times the text will scroll. -1 is indefinite and will continuously scroll. You can set this to whatever you'd like.

SCROLLAMOUNT - Determines the speed your text will scroll.

WIDTH - Determines the width of your marquee.

<MARQUEE bgcolor="#CCCCCC" loop="-1" scrollamount="2" width="100%">Example Marquee</MARQUEE>

Here's how your marquee might look:

Example Marquee

If you would rather have your text bounce back and forth, place the following code within your HTML. This example displays the marquee with linked text.

<MARQUEE behavior="alternate" scrollamount="2" bgcolor="#CCCCCC" width="100%"><A HREF="http://www.yourdomain.com">This is an example of bouncing text</A>.</MARQUEE>

Here's how your marquee might look:

This is an example of bouncing text.

This marquee is completely customizable. Change the attributes to your personal preferences.


 More Web Design Tips