Please take the time to sign my guest book. I would love to hear from you.

About Marquees

Marquees were developed by Internet Explorer and may not work in other browsers. They can have images, text or both. They can go in different directions. Marquees are created with html code. Other effects can be obtained with Javascripts.

These Marquees may not work properly in other browsers. If they are not working right, try them in Internet Explorer before giving up. It may just be a browser glitch.

Basic Marquee

This is a basic marquee. By default the direction will go left.

Code:
<marquee> Your Words</marquee>

Changing Direction

Code:
<marquee direction="right"> Make the marquee scroll to the right. This is helpful when images are used. </marquee>

Back and Forth

Code:
<div align="center"> <marquee behavior="alternate" width="60%"> Which way do I go? </marquee> </div>

Images, Backgrounds and Alignment

HAVE A SPOOKY HALLOWEEN

Code:
<div align="center"> <marquee bgcolor="orange" direction="left" width="90%"> <img src="cat.gif" align="absbottom">HAVE A SPOOKY HALLOWEEN<img src="cat.gif" align="absbottom"> </marquee> </div>

Code:
<table width="500" border="0" cellpadding="0" cellspacing="0" background="bgtrain.gif">
<tr valign="bottom">
<td width="76"><img src="building1.gif"></td>
<td width="353">
<marquee direction="right" width="100%">
<img src="traincaboose.gif">
<img src="train3.gif">
<img src="train2.gif">
<img src="train1.gif">
<img src="trainengine.gif">
</marquee>
</td>
<td width="71"><img src="building2.gif"></td>
</tr>
</table>

Note: The images for the train are reversed to compensate for the scroll going backwards.

Vertical Scrolling Marquee

Code:
<marquee scrolldelay="250" behavior="scroll" direction="up">This Marquee is browser sensitive and may not work properly in all browsers. It is created using html only. The scroll is jerky. This can be avoided by using a javascript rather than html. The lower the scrolldelay, the faster it moves. You may also want to put marquee inside a table to control the width thereby reducing the effect of the blank space.
</marquee>

Mouse Over Stop