Page 58 - Modular_V1.1_Flipbook
P. 58
The <MARQUEE> tag has the following attributes:
BEHAVIOUR: It can have three values, which are SLIDE, SCROLL and ALTERNATE.
• <MARQUEE BEHAVIOUR=”SLIDE”> will make the object move only once, that is, when
object reaches the end point, the object stops moving and no movement is seen
afterwards. You need to press F5 key or refresh the web page to see the output again.
• <MARQUEE BEHAVIOUR=”SCROLL”> will make the object move from start point to the
end and then emerges out again from the start point. It seems that the object is coming
out of the start point and going inside the end point and continues to do the same thing.
It follows the same loop again and again.
• <MARQUEE BEHAVIOUR=”ALTERNATE”> will make the object move from start to the
end and then bounce back from end to start. It seems that the object is bouncing between
the start and the end point.
DIRECTION: It allows you to set the direction in which the object will move. It can have four
values, which are UP, DOWN, RIGHT and LEFT.
• <MARQUEE DIRECTION=”UP”> - It moves the object in the upward direction, that is,
from bottom to top.
• <MARQUEE DIRECTION=”DOWN”> - It moves the object in the downward direction,
that is, from top to bottom.
• <MARQUEE DIRECTION=”RIGHT”> - It moves the object in the rightward direction, that
is, from left to right.
• <MARQUEE DIRECTION=”LEFT”> - It moves the object in the leftward direction, that is,
from right to left.
SCROLLAMOUNT: It indicates the speed of the moving object.
The SCROLLAMOUNT = 1 means the slowest moving object.
• <MARQUEE SCROLLAMOUNT=1> The slowest speed of the moving text
</MARQUEE>
• <MARQUEE SCROLLAMOUNT=10> The medium speed of the moving text
</MARQUEE>
• <MARQUEE SCROLLAMOUNT=20> The fastest speed of the moving text
</MARQUEE>
Other attributes include ALIGN, BGCOLOR and WIDTH which work in the same way as done with
the other HTML tags.
Let us use the <MARQUEE> tag to move a text and an image on the web page in the following
way:
<HTML>
<HEAD>
<TITLE> Moving Objects </TITLE>
</HEAD>
<BODY BGCOLOR = "lightgreen">
<H1> Moving Text Using Marquee </H1>
56 Touchpad MODULAR (Version 1.1)-IX

