HTML

HTML

Marquee Code

slide to left and stop
<br /> <marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>
This code results in:

Your slide-in text goes here

Right To Left Text
<br /> <marquee behavior="scroll" direction="left">Right To Left Text</marquee>
This code results in:

Right To Left Text

Left To Right Marquee
<br /> <marquee direction="right">Left To Right Marquee</marquee>
This code results in:

Left To Right Marquee

Wave Marquee
<br /> <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center> Wave Marquee<br>Wave Marquee</center> </marquee>
This code results in:

Wave Marquee
Wave Marquee

Alternate Text
<br /> <marquee behavior="alternate">Alternate Text</marquee>
This code results in:

Alternate Text

Colored Border Marquee
<br /> <marquee style="border:green 2px SOLID">Colored Border Marquee</marquee>
This code results in:

Colored Border Marquee

Background Marquee
<br /> <font color="#FFFFFF"><marquee direction="left" style="background:green">Background Marquee</marquee></font>
This code results in:

Background Marquee

Upward Text
<br /> <marquee direction="up">Upward Text</marquee>
This code results in:

Upward Text

Downward Marquee
<br /> <marquee direction="down">Downward Marquee</marquee>
This code results in:

Down Marquee

Marquee Speed
<br /> <marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee><br /> <marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee><br /> <marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>
This code results in:

Slow scroll speed
Medium scroll speed
Fast scroll speed

Moving Image
<br /> <marquee behavior="scroll" direction="left"><img src="/pix/smile.gif" width="100" height="100" alt="smile" /></marquee>
This code results in:

Moving Image and Text
<br /> <marquee behavior="scroll" direction="left"><br /> <img src="/pix/smile.gif" width="100" height="100" alt="smile" /><br /> Sample text</marquee>
This code results in:

Sample text

Size - height / width
<br /> <marquee BEHAVIOR=SCROLL HEIGHT=25 WIDTH=300 BGColor=green>sample text</MARQUEE>
This code results in:

sample text

Controll the MARQUEE WIDTHjust change the WIDTH="20%"

The number of cycles,
LOOP="INFINITE | number"
Moved 10 times, then the words disappeared
<br /> <marquee BEHAVIOR="scroll" HEIGHT="30" loop="10" WIDTH="50%" HSPACE="10">sample text</MARQUEE>
This code results in:

sample text

Moved 10 times, then the words didn't disappeared
<br /> <marquee BEHAVIOR="slide" HEIGHT="30" loop="10" WIDTH="50%" HSPACE="10">sample text</MARQUEE>
This code results in:

sample text

HSPACE / VSPACE

hspace	Sets the amount of horizontal space around the marquee
vspace	Sets the amount of vertical space around the marquee

<br /> <marquee BEHAVIOR="scroll" vspace="20" HSPACE="1">sample text</MARQUEE>
This code results in:

sample text

Special Moving Text
<br /> <marquee behavior="alternate"><marquee width="80">Hiding Text</marquee></marquee>
This code results in:

Hiding Text

High Tech Text
<br /> <marquee behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>4</font></MARQUEE><marquee scrollAmount=1 direction=left width="2%">| | |</MARQUEE>High Tech Text<marquee scrollAmount=1 direction=right width="2%">| | |</MARQUEE><marquee behavior=alternate direction=right scrollAmount=3 width="4%"><font face=Webdings>3</font></MARQUEE>
This code results in:

4| | |High Tech Text| | |3

Highlight Text
<br /> <marquee behavior="alternate" width="10%">>></marquee>Highlight Text<marquee behavior="alternate" width="10%"><<</marquee>
This code results in:

>>Highlight Text<<

opposite Highlight Text
<br /> <marquee scrollAmount="3" width="10%"><<<<</marquee>Opposite Highlight Text<marquee direction="right" scrollAmount="3" width="10%">>>>></marquee>
This code results in:

<<<<Opposite Highlight Text>>>>

Zig Zag Text
<br /> <marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">Zig Zag Text</marquee></marquee>
This code results in:

Zig Zag Text

Alternate Zig Zag Text
<br /> <marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">Alternate Zig Zag Marquee</marquee></marquee>
This code results in:

Alternate Zig Zag Marquee