HTML Marquee

How to create a marquee (moving text). Maybe you've seen a moving text effect in one website or blog that you have ever visited. Moving text effects in HTML program called marquee. Here's a little explanation of the marquee and how to create a marquee.

What is a Marquee
Marquee is the tag non-standard HTML element that make a text / picture moves up, down, right, or left in automatic. To make marquee text or picture, how simple and easy. We just need to insert the HTML code to create a marquee, between the text / images that we will make moves. Here's the basic HTML codes marquee:
<marquee> Text or images here </marquee>
From basic HTML codes marquee, if we apply in our web / blog, then it becomes like this:

Marquee Attribute

To further clarify in a marquee, here are some attributes that are often used in the marquee tag:

WIDTH

width determines marquee area, the value that was used in the form of a number in pixels (px) and percent (%). Example:

<marquee width="50%"> Text or Images Here </marquee>

If the width attribute is not used, then by default width used is 100%. For example marquee stored in the sidebar that has a 300px width, it also has a marquee width 300px width.

HEIGHT

Determine the height of the area's marquee, the value that was used in the form of a number in pixels (px) and percent (%). Example:

<marquee height="50px"> Text or Images Here </marquee>

If the height attribute is not used, then by default height is used in accordance with the font size (font-size).
 
DIRECTION

Determine the direction of the marquee, the value that was used that is left, right, up, and down. Example:

<marquee direction="left"> Text or Images Here </marquee>

<marquee direction="right"> Text or Images Here </marquee>

<marquee direction="up"> Text or Images Here </marquee>

<marquee direction="down"> Text or Images Here </marquee>

If the direction attribute is not used, then that is used by default direction is left. Especially for the direction up and down, you should also specify the height of the marquee area, namely by adding a height attribute. This is intended to overcome the default value for the attribute height up and down direction that is approximately 150px - 200px.

BEHAVIOR

Determine the movement of marquee behavior, values were used that scroll, slide and alternate. Example:

<marquee behavior="scroll"> Text or Images Here </marquee>

<marquee behavior="slide"> Text or Images Here </marquee>

<marquee behavior="alternate"> Text or Images Here </marquee>

If the behavior attribute is not used, then the default value used is the scroll.

SCROLLAMOUNT

Determine the speed of movement in pixels. Value used is numeric (integer). Example:

<marquee scrollamount="15"> Text or Images Here </marquee>
<marquee scrollamount="50"> Text or Images Here </marquee>

If the attribute scrollamount not used, then by default will use the value 6.

SCROLLDELAY

Determine the speed of movement of marquee in the millisecond. Value used is numeric (integer). Example:

<marquee> Text or Images Here </marquee> without scrolldelay

<marquee scrolldelay="300"> Text or Images Here </marquee>

<marquee scrollamount="600"> Text or Images Here </marquee>

If the attribute scrolldelay not used, then by default will use the value 85.

BGCOLOR

Specify the background color of the marquee. Value used in the form of color values in hex or text.

<marquee> Text or Images Here </marquee> without bgcolor
<marquee bgcolor="green"> Text or Images Here </marquee>

By default, the value of the attribute bgcolor is none (no color).

LOOP

Determines the number of repetitions marquee. By default if this attribute is not used, then the marquee will loop continuously.

<marquee loop="2"> Text or Images Here </marquee>

One of the problems often experienced when using the loop attribute is text / image is on the marquee will disappear after the repetition is complete (like the example above). To overcome this, do not forget every time you use loop attribute, you should also include the behavior with a slide or alternate value. Example:

<marquee loop="2" behavior="alternate"> Text or Images Here </marquee>
<marquee loop="2" behavior="slide"> Text or Images Here </marquee>

HSPACE and VSPACE

Define spaces from the left and right (hspace) and the space from above and below (vspace). Value in number (integer). Example:

<marquee hspace="10" bgcolor="yellow"> hspace exmple</marquee>
<marquee vspace="30" this bgcolor="yellow"> vspace example </ marquee>

Well ... this is a full discussion about how to make the following HTML Marquee.