HTML Marquee - Behavior code to scroll slide or alternate text in a web page

Marquee Behavior to move text in different styles

Behavior:

Specifies how the marquee text should move. Possible values for this attribute are SCROLL or SLIDE or ALTERNATE

Video Tutorial on HTML Marquee Tag

Marquee Tag HTML Marquee tag Marquee Speed Marquee Direction Marquee Repeat Marquee MouseOver

We will discuss all these with some examples on how to manage these values.

Scroll:

This is the default behavior. This lets the Text to scroll across the screen like a stock ticker i.e., the text should start from only one side and it should scroll completely to the opposite end and start again

Example:

This is an Example Marquee (Behavior : Scroll)
Code:

<marquee bgcolor="#000080" style="color: #FFFFFF; font-family: Book Antiqua" behavior="scroll" > This is an Example Marquee (Behavior : Scroll)</marquee>

Slide:

This lets the text move from one end to the other end and once the text reaches the other end it stops scrolling

Example: ( Only in IE)

This is an Example Marquee (Behavior : Slide)

Code:

<marquee bgcolor="#000080" style="color: #FFFFFF; font-family: Book Antiqua" behavior="slide">This is an Example Marquee (Behavior : Slide)</marquee>

Alternate:

This lets the Marquee text to alternate between scrolling and sliding i.e., Starts from one end and on reaching opposite end it moves in the opposite direction

This is an Example Marquee (Behavior : Alternate)
Code:

<marquee bgcolor="#000080" style="color: #FFFFFF; font-family: Book Antiqua" behavior="alternate" > This is an Example Marquee (Behavior : Alternate)</marquee>

Alternate : with UP down direction

direction='up' behavior ='aleternate' Code:

<marquee style="font-family: Book Antiqua; color: #FFFFFF" bgcolor="#000080" direction="up" height="80" behavior="alternate" >direction='up' behavior ='aleternate'</marquee>

Starting from Right and stopping at center

This is not a direct solution by using Marquee properties but can give idea on how to manage this tag for different requirements.

Start from Right & stop at center

<div  align="right" style="width:50%;float:right ;">
<marquee  direction="left" >Start from Right & stop at center</marquee>
</div>

This article is written by plus2net.com team.

plus2net.com

Click for more tutorial on marquee tag for scrolling text