Creating an HTML Marquee / Scrolling Text
The HTML MARQUEE
tag is used to scroll text vertically or horizontally within a web page.
You can change the marquee 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.
HEIGHT - Determines the height of your marquee.
Direction - Determines the direction in which the text should scroll - up or down.
Horizontal Scrolling Text Marquee
| <marquee
bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">Horizontally Scrolling
Marquee</marquee> |
Horizontal Scrolling Text Marquee Browser View
Bouncing Text Marquee
| <marquee
behavior="alternate" scrollamount="2" bgcolor="#cccccc"
width="100%"><a href="http://www.yourdomain.com">This is an example
of bouncing text</a>.</marquee> |
Bouncing Text Marquee Browser View
Vertically Scrolling Marquee
<div>
<marquee bgcolor="#000080" onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=2" scrollamount="2" direction="up" loop="true" width="30%">
<center>
<font color="#ffffff" size="+1">SCROLLING TEXT</font><p>
<font color="#ff0000" size="+1">UPWARD</font><p>
<font color="#ffffff" size="+1">IS ONE WAY</font><p>
<font color="#ffffff" size="+1">TO MAKE YOUR</font><p>
<font color="#ffffff" size="+1">SITE</font><p>
<font color="#ff0000" size="+1">STAND OUT</font><p>
<font color="#ffffff" size="+1">FROM THE REST!</font>
</center>
</marquee>
</div> |
Vertically Scrolling Marquee Browser View
Vertically Scrolling Marquee
<div>
<marquee onMouseOver="this.scrollAmount=0" onMouseOut="this.scrollAmount=2"bgcolor="#ffffff" scrollamount="2" direction="down" loop="true" width="30%" height="100">
<center>
<font size="+1"><strong>Text scrolling down</strong></font><p>
<a href="http://www.web-source.net">Sample link</a>
</center>
</marquee>
</div> |
Vertically Scrolling Marquee Browser View
This HTML marquee
is completely customizable. Change the attributes to create the scrolling
text effect you desire.
Portions of vertically scrolling marquee code provided by:
John Nitkowski CEO LifesMiracle Support
More Web Design
Tips |
