Cups
Link to Home Home
Backgrounds
    Link to Backgrounds Index Backgrounds Index
    - Animal Backs
    - Colored Backs
    - Glitter Backs
    - Misc Backs
    - Special Days
    - Sports
    - Starry Backs
Triple Sets
    Link to Triples Making Triples
    - Triple Samples
Images
    Link to Images Index Images Index
    - Animals
    - Glitter
    - Misc
    - Special Days
    - Sports
Lines
    Link to Lines Index Lines Index
    - American Lines
    - Animal Lines
    - Canadian Lines
    - Colored Lines
    - Glitter Lines
    - Misc Lines
    - Special Days Lines
    - Sports Lines
Scripts
    Link to Javascripts Index Scripts Index
    - Cursor Effects
    - Fun Scripts
    - Message Scrollers
    - Text Effects
    - Window Scripts
Marquees
    Link to Marquees About Marquees
html Codes
    Link to html Help html Help
    - Introduction
    - Basic Tags
    - Using Tags
    - Adding Images
    - Adding Music
    - Resources
Color Charts
    Link to Color About Color
    - Color Cube
    - Color Picker
    - Visual Color Chart
    - Websafe Colors
    - What Color Means
Internet Links
    Link to Related Links Related Links Index
    - Backgrounds
    - Banners
    - Blinkies
    - Buttons
    - Countdown Banners
    - Game Sites
    - Glitter
    - Graphics
    - html Help
    - Icons
    - Javascripts
    - Label Makers
    - Neat Sites
    - Pool Leagues
    - Ribbon Makers
    - Templates
    - Triple Sets
Fun Creations
    Link to Fun Creations Index Fun Creations Index
    - Awareness
    - Battle of the Sexes
    - Christmas
    - Easter
    - Masks
    - Parties
    - Special Days
    - Tour of Champions
Canadian Flag Canada Pages
    Link to Canada Index Canada Index
Amercian Flag American Pages
    Link to American Index American Index
Link to Site Map Site Map

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

The Site Fights Blooming Baskets
Send a Blooming Basket!

This Site is Hosted by Lunarpages
Switch NOW to Lunarpages

Jumpy Red Heart
Hearts

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

Make the marquee scroll to the right. This is helpful when images are used.

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


Back and Forth

Which way do I go?

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="tree.gif"><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

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.

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

This smooth flowing marquee has some javascript code in it.  The user can stop the scroll at any time simply by putting the mouse over it.  This makes it great for adding links.

Why not visit my Kelowna Fire Page? It sets out the total sequence of events for the multi billion dollar fire of 2003.

Click Here.

Code:
<marquee behavior= "scroll" direction= "up" height="150" scrollamount= "2" scrolldelay= "70" onmouseover='this.stop()' onmouseout='this.start()'>
This smooth flowing marquee has some javascript code in it. The user can stop the scroll at any time simply by putting the mouse over it. This makes it great for adding links. Why not visit my Kelowna Fire Page? It sets out the total sequence of events for the multi billion dollar fire of 2003. <a href="http://www.webcreationsbyjumpy.com/canada/kelowna/kelowna.htm" target="_blank">Click Here.</a>
</marquee>
Many of the images for my pages are from these great sites.
Link to Lisa
Link to Emma
Link to Caleb's
Link to Graphics by PCC
Link to Country Touch
Link to Gone Country
Link to Graphics by Home Sweet Home