What is a
marquee?
Use to add an
animation effect to text.
Html tag
<marquee>YOUR
TEXT</marquee>
Marquee
attributes
Behavior:
• Refers to how the text will move.
Value of Behavior
• Scroll (the text moves upward or
dow...
Marquee
attributes
Width:
• The value is in percentage or
pixels.
• Indicates up to what part of the
screen the text will...
Marquee
attributes
Height:
• The value is in percentage or
pixels.
• Indicates up to what part of the
screen the text wil...
Marquee
attributes
bgcolor:
• Specifies the background color
of the text.
• It set in hexadecimal color codes
or the name...
Marquee
attributes
direction:
• Indicates the movement of the
text (either up, down, right or
left)
• Specifies the path ...
Marquee
attributes
loop:
• Is set in any number or as
infinite.
• Indicates the number of time you
want the text to anima...
Marquee that
blinks
The HTML Code:
–<marquee scrollamount=400
scrolldelay=500>THE TEXT TO
BLINK</marquee>
Words that comes
from the middle
The HTML Code:
–<marquee direction=left
width=50%>THE TEXT
</marquee>
–<marquee directio...
ANOTHER
ATTRIBUTE
SCROLLDELAY is good for
making the marquee
slower then the default but
it's not much help in
speeding i...
ANOTHER
ATTRIBUTE
SCROLLAMOUNT to speed
up the marquee.
A higher value for
SCROLLAMOUNT makes
the marquee scroll faster
For faster
animation
Change the number
following scroll amount
for a faster or slower
speed.
HTML Code:
–<marquee scroll...
Text that moves
upward/downward
like in
acknowledgments
Sample Code
<marquee width=100% height=80%
behavior=scroll direct...
Bounce Around Back and
Forth
<marquee
behavior="alternate"
direction="down"><mar
quee
behavior="alternate">
TEXT
Marquee
Upcoming SlideShare
Loading in …5
×

Marquee

991 views

Published on

Published in: Technology, Education
  • Be the first to comment

Marquee

  1. 1. What is a marquee? Use to add an animation effect to text.
  2. 2. Html tag <marquee>YOUR TEXT</marquee>
  3. 3. 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)
  4. 4. 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.
  5. 5. 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.
  6. 6. Marquee attributes bgcolor: • Specifies the background color of the text. • It set in hexadecimal color codes or the name of the color itself.
  7. 7. Marquee attributes direction: • Indicates the movement of the text (either up, down, right or left) • Specifies the path or route of text movement.
  8. 8. 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.
  9. 9. Marquee that blinks The HTML Code: –<marquee scrollamount=400 scrolldelay=500>THE TEXT TO BLINK</marquee>
  10. 10. 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>
  11. 11. ANOTHER ATTRIBUTE SCROLLDELAY is good for making the marquee slower then the default but it's not much help in speeding it up.
  12. 12. ANOTHER ATTRIBUTE SCROLLAMOUNT to speed up the marquee. A higher value for SCROLLAMOUNT makes the marquee scroll faster
  13. 13. For faster animation Change the number following scroll amount for a faster or slower speed. HTML Code: –<marquee scrollamount=20>
  14. 14. 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>
  15. 15. Bounce Around Back and Forth <marquee behavior="alternate" direction="down"><mar quee behavior="alternate"> TEXT

×