Basic HTML

Advance HTML

HTML Tags Reference

HTML Code Generator

HTML Resource


HTML Marquee Tag




Definition and Usage

HTML <marquee> tag use to create a scrolling text or scrolling image from left to right, right to left, top to bottom, bottom to top. There is no limit. It’s user define choice.

<marquee> tag is a Container tag to create scrolling text.

<marquee> tag support following some attributes. This attributes use to add more special effect and easy control.


Marquee Attributes

Attributes Values Description
behavior "slide"

"scroll"
"alternate"
Start completely and stop as soon as text touches the margin.
Start completely and off one side.
Text bounce as soon as touch both side margin.
bgcolor "Color_Code" Specifies the background color.
direction "left"
"right"
"up"
"down"
Left to Right
Right to Left
Bottom to Top
Top to Bottom
width "size_px" Specifies width in marquee.
height "size_px" Specifies height in marquee.
loop "2"
"infinite"
Loop Continues in limited times.
Loop Continues in Infinite.
scrollamount "3" Specifies Speed to scroll on the text.
scrolldelay "3" Specifies time wait long before each marquee.
hspace "size_px" Specifies left or right margin for outside marquee.
vspace "size_px" Specifies top or bottom margin for outside marquee.

Marquee Tag Examples:


Marquee Examples
Marquee Text Examples
Marquee Image Examples
Marquee Start/Stop Examples
Marquee Slow Fast Text Examples
Marquee Falling Text Examples


Use Our Excellent Code Generator HTML Marquee Image Code Generator



Side Touch Margin Bounce Text:

Example-Code:

Example-Result:

Side Touch Margin Bounce Text

Upside Text Scrolling:

Example-Code:

Example-Result:

Upside Text Scrolling

Marquee Text Scrolling Speed:

Example-Code:

Example-Result:

Slow Speed scroll speed Medium Speed scroll speed Fast Speed scroll speed

Side Touch Margin Bounce Text:

Example-Code:

Example-Result:

Natural

Upside Image Scrolling:

Example-Code:

Example-Result:

Natural

Change the Scrolling Speed:

Example-Code:

Example-Result:


Click to Stop Marquee:

Example-Code:

Example-Result:

Click Here and hold the mouse marquee stop

Hover to Stop Marquee:

Example-Code:

Example-Result:

Hower over and hold the mouse marquee stop

Start/Stop Buttons:

Example-Code:

Example-Result:

Press Button


Click the Marquee Slow:

Example-Code:

Example-Result:

Click Here and hold the mouse marquee slow

Hover over the Marquee Slow:

Example-Code:

Example-Result:

Hower over and hold the mouse marquee slow

Marquee Slow/Fast Using Button:

Example-Code:

Example-Result:

marquee slow/medium/fast speed using button

Multiple Start/Stop Marquee:

Example-Code:

Example-Result:

Marquee 1

Marquee 2



Marquee Falling Text:

Example-Code:

Example-Result:

Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com Way2Tutorial.com