HTML Marquee Tag

An HTML marquee is a scrolling element of text shown either horizontally across or vertically down your webpage. This is developed by using HTML marquees tag.

Eg i

<marquee > welcome to the world of Freelancing design </marquee>

in the above example
* A message enclose within marquee tag…
direction of marquee scroll by default is left direction..given message moving to left.
output is shown below

Output :
 welcome to the world of Freelancing design

Change moving direction use direction property.

Eg ii

<marquee direction="right"> welcome to the world of Freelancing design </marquee>

*in the above example..
we can change the direction of marquee use direction property
if we set the property(direction=”right”). text scroll towards right of a web page.
output is shown below.
There are four types of marquee direction : up,down,left,right.

Output :
 welcome to the world of Freelancing design

 

Move your text/image in alternative direction use behaviorproperty.

Eg iii

<marquee direction="right" behavior="alternate"> welcome to the world of Freelancing design </marquee>

*in the above example..
If set the value of behavior is alternate with direction right..in marquee tag in first statement
then display message direction reverse when it reaches the edge of cell
output shown below

Output :
 welcome to the world of Freelancing design

 

Stop moving text/image when mouse is over at text/image .

Eg iv

<marquee  onmouseover="stop()"> welcome to the world of Freelancing design </marquee>

*in the above example
marquee have another property(onmouseover)with value(“stop()”).
It stops the marquee text/message, when the mouse cursor over at the message/text.
output shown below

Output :
 welcome to the world of Freelancing design

Start moving text/image when mouse is out from text/image .

Eg v

<marquee  onmouseover="stop()" onmouseout="start()"> welcome to the world of Freelancing design </marquee>

*in the above example
We set property,(onmouseover) with(value=”start”), (onmouseout) with (value=”start”) both together.
–Marquee scroll when the mouse cursor is move out.
–Maqquee scroll is stop when the mouse cursor is over the text/image.
output shown below

Output :
 welcome to the world of Freelancing design

 

increase/decrease speed of moving text use scrollamountproperty

Eg vi (To move at slow motion)

<marquee  scrollamount="1"> welcome to the world of Freelancing design </marquee>

*in the above example
Scrollamount property is uesd to give speed to marquee
Smaller scrollamount value scroll marquee slower
scrollamount =”1″ Marquee scroll slowly

Output :
 welcome to the world of Freelancing design

Eg vii (To move at fast motion)

<marquee  scrollamount="25"> welcome to the world of Freelancing Design </marquee>
Output :
 welcome to the world of Freelancing Design

*in the above example
Now set the marquee with( scrollamount=”25″) marquee scroll fast.
as such as we increase or decrease the value of scrollamount, marquee speed becomes vary

911 total views, 1 views today

Loading Facebook Comments ...

No comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Enter the captcha code *

Please wait...

Subscribe to our newsletter

Want to be notified when our article is published? Enter your email address and name below to be the first to know.

Coupon Code "HAPPY10" - Get Discounts upto 90% + 10% off on Purchase of themes/templates and Plugins