2. What is a
marquee?
Use to add an
animation effect to text.

3. Html tag
<marquee>YOUR
TEXT</marquee>

4. Marquee
attributes
Behavior:
• Refers to how the text will move.
Value of Behavior
• Scroll (the text moves upward or
downward)
• Slide (the text moves from left to right
only, once)
• Alternate (the text moves from left to
right)

5. Marquee
attributes
Width:
• The value is in percentage or
pixels.
• Indicates up to what part of the
screen the text will move in a
left-to-right direction.

6. Marquee
attributes
Height:
• The value is in percentage or
pixels.
• Indicates up to what part of the
screen the text will move in an
up-and-down direction.

7. Marquee
attributes
bgcolor:
• Specifies the background color
of the text.
• It set in hexadecimal color codes
or the name of the color itself.

8. Marquee
attributes
direction:
• Indicates the movement of the
text (either up, down, right or
left)
• Specifies the path or route of
text movement.

9. Marquee
attributes
loop:
• Is set in any number or as
infinite.
• Indicates the number of time you
want the text to animate. Infinite
means never ending.

10. Marquee that
blinks
The HTML Code:
–<marquee scrollamount=400
scrolldelay=500>THE TEXT TO
BLINK</marquee>

11. Words that comes
from the middle
The HTML Code:
–<marquee direction=left
width=50%>THE TEXT
</marquee>
–<marquee direction=right
width=50%>THE TEXT
</marquee>

12. ANOTHER
ATTRIBUTE
SCROLLDELAY is good for
making the marquee
slower then the default but
it's not much help in
speeding it up.

13. ANOTHER
ATTRIBUTE
SCROLLAMOUNT to speed
up the marquee.
A higher value for
SCROLLAMOUNT makes
the marquee scroll faster

14. For faster
animation
Change the number
following scroll amount
for a faster or slower
speed.
HTML Code:
–<marquee scrollamount=20>

15. Text that moves
upward/downward
like in
acknowledgments
Sample Code
<marquee width=100% height=80%
behavior=scroll direction=up>
Thanks to the following:<br>
David Salon<br>
Dra. Vicky Belo<br>
Bench<br>
</marquee>

16. Bounce Around Back and
Forth
<marquee
behavior="alternate"
direction="down"><mar
quee
behavior="alternate">
TEXT