HTML - Marquee

We can use <marquee> tag to scroll text or image in different directions.the text to be scrolled is contained within the start and end markers of this element.this tag has the following attributes.

Attributes

Description

align

This attribute specifies how the text will be displayed in the marquee you can set it to the value of bottom middle or top.

behavior

This attribute determines whether the text will scroll completely off the marquee.you can can set this attribute to alternate,scroll or slide.

bgcolor

The background color of the marquee can be specified with this attribute.the color is represented by three pairs of hexadecimal numbers.the pairs represent the red,green and blue color value.

direction

This attribute indicates how the text will scroll in the marquee you can either set this to left or right.

height

The height of the marquee is controlled with this attribute.you can specify the size in either pixel or as aper percentage.

hspace

This attribute defines how many pixels separate the marquee from surrounding text.this controls the amount of pixels to use as a buffer horizontally.

loop

This number specifies how many times the marquee text will loop.a value of -1 or the string infinite will cause the text to loop forever.

scrollamount

This number determines the number of pixels to scroll the marquee text.

scrolldelay

You can specify the number of millisecond between marquee updates with this value.

vspace

This attribute defines how many pixels separate the marquee from the surrounding text.this controls the number of pixels to use as a buffer vertically.


Example



<html>
<head>
<title>HTML Marquee>/title>
</head>
<body>
<marquee direction="right">Welcome to Veewom</marquee>
</body>
</html>
							

Welcome to Veewom



<html>
<head>
<title>HTML Marquee>/title>
</head>
<body>
<marquee direction="left">Welcome to Veewom</marquee>
</body>
</html>
							

Welcome to Veewom



<html>
<head>
<title>HTML Marquee>/title>
</head>
<body>
<marquee direction="up">Welcome to Veewom</marquee>
</body>
</html>
							

Welcome to Veewom



<html>
<head>
<title>HTML Marquee>/title>
</head>
<body>
<marquee direction="down">Welcome to Veewom</marquee>
</body>
</html>
							
Share Share on Facebook Share on Twitter Share on Google+ Share on LinkedIn Pin on Pinterest Share on Stumbleupon Share on Tumblr Share on Reddit Share on Diggit