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 have been tested in both Internet Explorer and Firefox. They may not work properly in other browsers. If they are not working right, try them in Internet Explorer or Firefox 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" align="center" cellpadding="0" cellspacing="0" background="pageimages/train_bg.gif">
<tr valign="bottom">
<td width="9%"><img src="pageimages/building1.gif" width="46" height="54"></td>
<td width="77%"><marquee direction="right" width="100%">
<img src="pageimages/train_caboose.gif" width="54" height="21" border="0">
<img src="pageimages/train3.gif" width="85" height="21" border="0">
<img src="pageimages/train2.gif" width="100" height="21">
<img src="pageimages/train1.gif" width="75" height="21" border="0">
<img src="pageimages/train_engine.gif" width="105" height="21" border="0">
</marquee></td>
<td width="14%"><img src="pageimages/building2.gif" width="71" height="89"></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 at the end of the message.
</marquee>

Mouse Over Stop

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