HTML Marquee Tag

Marquee tag is used to make objects scroll across the page.  In these examples below I will use various ways to use these tags.


This text scrolls right...

As You can see the text above scrolls right. The code below is what I used to implement this behavior.

<marquee direction="right">This text scrolls right...</marquee> 

All you need to do is change the text in blue to the direction you want the text to scroll. (up, down, right, left)


This text moves fast

We can adjust the speed of the text by using a code like this below.

<marquee scrollamount="30">This text moves fast</marquee>

Change the number in red to adjust the speed of the text.

This text moves slow

<marquee scrolldelay="300">This text moves slow</marquee>

Change the number in red to adjust the speed.

This text bounces

To make the text bounce use a code like this below.

<marquee behavior="alternate">This text bounces</marquee>

On this next one I will set the allowed space of the marquee

This text is set to 200 width

 <marquee width="200">This text is set to 200 width</marquee>

Adjust the width to your liking.

In this next on I am going to combined a few of these together. 

cool text

Here is the code I am using for the above text

<marquee behavior="alternate" width="300" scrollamount="30">cool text</marquee>

You can find more on Marquee tags at HTML marquee