Special Effects - Marquee Tag

Topic

How to make moving text in html?
How the make vertical marquee ( upward scrolling text )?
How to set color behind marquee text?

Explanation

Marquee Tag:

<marquee> </marquee>
If you want your text to move with in the screen, use this tag.
The tag used is "marquee"

Example Code:


<marquee> This text will move </marquee>

The text in between the tags will move horizontally.

Result:


This text will move

Marquee tag has so many attributes, we are going to see them one by one

Attribute: bgcolor

This sets the background color for marquee path

Example Code:


<marquee bgcolor=orange> Moving Text </marquee>

Result:

Moving Text

Attribute: height,width

The attribute width sets the width of marquee area
The attribute height sets the height of marquee area

Example Code:


<marquee bgcolor=orange width=100 height=20> Moving Text </marquee>

Result:


Moving Text

Attribute: direction


This sets the background color for marquee path.
It takes values LEFT or RIGHT or UP or DOWN

Example Code:


<marquee bgcolor=orange width=100 height=20 direction=right> Text will Move </marquee>

Result with direction as RIGHT:

Text will Move

Result with direction as (vertical) UP:

Text will Move