Animating text

You can animate a line of text by using the <marquee> tag (but not in Netscape). This tag automatically scrolls the text whenever anyone looks at your page.

To animate the text, enclose it in the <marquee> tag. For example:

<marquee>Good morning, Good morning</marquee>

This basic marquee tag scrolls continuously across the page from right to left.

You can align marquees to the left or right, like pictures, set the background colour, height, width, and extra spacing around the marquee.

If you want to be a bit more flash, you can set attributes for the scroll direction, behaviour, amount and delay. For example:

<marquee direction="right" behavior="scroll"  
scrollamount="10" scrolldelay="200">
This text displays in a right scrolling marquee.
</marquee>

The text scrolls from the left margin to the right. After it disappears beyond the right margin, it starts again at the left. The text moves 10 pixels after each 200 millisecond delay.

You can also use zoom to contract and expand the contents.

• Note: If you try to change the font of a marquee, specify the <font> tag outside the marquee. If you put it inside, some browsers ignore the change. Also, if you need more than one line of text, you need more than one marquee.