Marquees are an easy way to grab your visitors attention or to scroll some news across the screen. This is the breakdown of marquees!

All marquees start off with the same basic code.

<Marquee>Text or Images</Marquee>

If you just do that code above, this is what you would get:
Text or Images
Not very exciting, is it?
That is why we customize it and play around with the settings. Here are some terms you should know when dealing with marquee codes:

  • Width: how wide the marquee is
  • Hieght: how tall the marquee is
  • Direction: which direction the marquee should scroll
  • Behavior: what type of scrolling
  • Scrolldelay: how long to delay between each jump
  • Scrollamount: how far to jump
  • Loop: how many times to loop
  • Bgcolor: background color


Change the WIDTH:
<br /> <MARQUEE WIDTH="50%"><br /> Much smaller<br /> </MARQUEE><br />


Much smaller

Change the Behavior:

<br /> <MARQUEE BEHAVIOR="ALTERNATE"><br /> This is the alternate behavior<br /> </MARQUEE><br />


This is the alternate behavior
You can also try 'slide' or the traditional 'scroll'.

Change the Speed which is under SCROLLAMOUNT:

<br /> <MARQUEE scrollamount="2"><br /> This is slow<br /> </MARQUEE><br />


This is slow

<br /> <MARQUEE scrollamount="10"><br /> This is fast<br /> </MARQUEE><br />


This is fast

You can continue to change the effects by trying the different settings above. One big thing is changing the direction. A marquee can go "up", "down", "left", or "right". You can also add a background color to make it stand out! Let's try both of these now.


Yellow and right!

Have fun making some marquees!

Marquees

  • Written by Shalane.
  • Posted on August 31, 2007.