George and Susan Welcome to our About Me page!
Home | HTML-Index | Basic HTML | HTML Structure

George's Marquees

  • BGCOLOR: background color.
  • BEHAVIOR: what type of scrolling.
  • DIRECTION: which direction the marquee should scroll.
  • HEIGHT: how tall the marquee is.
  • HSPACE: horizontal space around the marquee.
  • LOOP: how many times to loop.
 
  • Black  =    HTML code
  • Red    =    Your text.
  • Blue   =     Instructions
  • Green =    Your URL


Type this:

<MARQUEE>Your text</MARQUEE>

And you get this.

Your text



Type this:

<MARQUEE DIRECTION=RIGHT>Your text</MARQUEE>

And you get this.

Your text



Type this:

<MARQUEE BEHAVIOR=ALTERNATE>Your text</MARQUEE>

And you get this.

Your text



Type this:

<CENTER><MARQUEE BEHAVIOR=ALTERNATE WIDTH="40%">Your text</MARQUEE></CENTER>

And you get this.

Your text




Type this.

<MARQUEE DIRECTION=DOWN HEIGHT=60>Your text</MARQUEE>

And you get this.

Your text



Type this.

<MARQUEE DIRECTION=UP HEIGHT=50>Your text</MARQUEE>

And you get this.

Your text



Type this.

<MARQUEE DIRECTION=DOWN HEIGHT=50 BEHAVIOR=ALTERNATE>Your text</MARQUEE>

And you get this.

Your text

Replace text with animation or pictures.


Type this.

<MARQUEE><IMG SRC="Your picture URL"></MARQUEE>

And you get this.

DOG



Type this.

<MARQUEE DIRECTION=UP HEIGHT=70 BEHAVIOR=ALTERNATE><IMG SRC="Your picture URL here"> </MARQUEE>

And you get this.

ball



Type this.

<MARQUEE DIRECTION=RIGHT WIDTH="50%"><IMG SRC="Your picture URL here"></MARQUEE> <MARQUEE WIDTH="50%"><IMG SRC="Your picture URL here"></MARQUEE>

And you get this.

gif gif

Extra Stuff


Use the BGCOLOR attribute to change the background color of a marquee, specify the color by name or hexadecimal value for the color you want to use.

Type this:

<MARQUEE BEHAVIOR="SCROLL" DIRECTION="LEFT" SCROLLAMOUNT="2" SCROLLDELAY="60" BGCOLOR="RED">Your text here</MARQUEE>

And you get this.

Your text here



By default, Internet Explorer uses minimum SCROLLDELAY value of 60 milliseconds, even if you specify a smaller value use the TRUESPEED attribute to override the minimum value. This is useful when you want text to scroll more quickly across the screen .

Type this:

<MARQUEE BEHAVIOR="SCROLL" DIRECTION="left" SCROLLAMOUNT="2" SCROLLDELAY="10" TRUESPEED>Your text here</MARQUEE>

And you get this.

Your text here



To change the size of a marquee use the WIDTH: and HEIGHT attributes to specify a new size in pixels or as a percentage of the Web browser window. Changing the WIDTH: or HEIGHT of a marquee will not change the size of the text in the marquee.

Type this:

<MARQUEE BEHAVIOR="ALTERNATE" DIRECTION="RIGHT" SCROLLAMOUNT="5" SCROLLDELAY="80" WIDTH="200" HEIGHT="30">Your text here</MARQUEE>

And you get this.

Your text here



Use the HSPACE and VSPACE attribute to add space around a marquee on your Web page. The HSPACE attribute adds space the left and right sides of a marquee and the VSPACE attribute adds space to the top and bottom of a marquee, Specify the amount of space in pixels.

Type this:

<MARQUEE BEHAVIOR="SCROLL" DIRECTION="RIGHT" SCROLLAMOUNT="5" SCROLLDELAY="60" HSPACE="10" VSPACE="10">Your text here</MARQUEE>

And you get this
Your text here


Type this:

<MARQUEE DIRECTION=UP SCROLLAMOUNT=1 HEIGHT=30 WIDTH="50%" BGCOLOR="BLACK"><DIV ALIGN=CENTER> <FONT SIZE=2 COLOR="VIOLET">Your text here</FONT> </DIV></MARQUEE>

And you get this

Your text here




Type this:

<MARQUEE BEHAVIOR="SCROLL" DIRECTION="LEFT" SCROLLAMOUNT="2" SCROLLDELAY="60" BGCOLOR="RED">Your text</MARQUEE><MARQUEE BEHAVIOR="SCROLL" DIRECTION="RIGHT" SCROLLAMOUNT="2" SCROLLDELAY="60" BGCOLOR="GREEN">Your text</MARQUEE>

And you get this

Your textYour text



Type this:

<font color=red><marquee style="filter:wave(strength=30, phase=2, add=20, freq=2)" direction="UP" scrolldelay="50" height="100" width="100"><center><br>H<br>E<br>L<br>L<br>O<br></center></marquee></font>

And you get this


H
E
L
L
O



Back | Top
My home page