top left
The HTML Source Logo


 html
Top Right
    
 Getting StartedHow Do I...TroubleShootingPromotionContact Us
 html
HTML
SEARCH THE SITE
advanced search



CATEGORIES
Home
Getting Started
HTML Cheat Sheet
Webmaster Tools
HTML Help Forum
Color Codes
Link to us









































bottom
HTML HTML HTML HTML
How Do I Make A Scrolling Marquee?


A marquee allows you to have text, or even images, scroll across a web page. There good at getting a visitors attention. Unfortunately, the marquee tag only works in Internet Explorer, not Netscape.

How to do it

To create a marquee, you first need to place a <MARQUEE> tag in front of the line of text you want to scroll across the page. Then at the end of the line of text, place an ending </MARQUEE> tag.

Next, add behavior="?" direction="?" width="?" to your front <MARQUEE> tag, like this:

<MARQUEE behavior="?" direction="?" width="?">

Now all you have to do is change the ?'s to what you want the marquee to do.

You can change the ? after behavior to, scroll if you want the marquee to just go across the page like any old normal marquee would, slide if you want the marquee to stop at the page's margin (it will only go across the page once, as soon as the page load's, then stop at your pages margin), or alternate for the marquee to bounce between the page's margins.

You can change the ? after direction to what direction you want the marquee to scroll in, for example, left, right, or even up and down.

You can change the ? after width to specify how long you want you marquee to be in pixels or percent. For example if you put 200, your marquee will be 200 pixels long, if you put 100% it will stretch 100% of the web page, which is the entire length.

You can change your text color, size, and everything else just as you normally would. Just place the <FONT> within the MARQUEE tag's.

Same thing with making your marquee a link, just change the text in the marquee to a link.


Examples

<MARQUEE behavior="scroll" direction="left" width="90%">Your Text Goes Here</MARQUEE>

Your Text Goes Here



<MARQUEE behavior="scroll" direction="right" width="90%"><A HREF="Http://www.TheHTMLSource.com">Your Text Goes Here<A/></MARQUEE>

Your Text Goes Here



<MARQUEE behavior="slide" direction="left" width="60%"><FONT COLOR="RED">Your Text Goes Here</FONT></MARQUEE>

Your Text Goes Here



<MARQUEE behavior="alternate" direction="right" width="500">Your Text Goes Here</MARQUEE>

Your Text Goes Here



<MARQUEE behavior="scroll" direction="up">Your Text Goes Here</MARQUEE>

Your Text Goes Here





<MARQUEE behavior="alternate" direction="down">Your Text Goes Here</MARQUEE>


Your Text Goes Here








< BACK






















Company   |   Careers   |   Partners   |   Advertising   |   Help
Privacy Policy   |   Trademark Notices   |   User Agreement
© 2001 TheHTMlSource.com, INC. All Rights Reserved.



Site hosted by Angelfire.com: Build your free website today!