Marquee-HTML5 advance tags

Obsolete
This feature is obsolete. Although it may still work in some browsers, its use is discouraged since it could be removed at any time. Try to avoid using it.

The HTML <marquee> element is used to insert a scrolling area of text. You can control what happens when the text reaches the edges of its content area using its attributes.

The <marquee> element is obsolete and must not be used. While some browsers still support it, it's not required.

Attributes

behavior

Sets how the text is scrolled within the marquee. Possible values are scroll, slideand alternate. If no value is specified, the default value is scroll.

bgcolor

Sets the background color through color name or hexadecimal value.

direction

Sets the direction of the scrolling within the marquee. Possible values are left, right, up and down. If no value is specified, the default value is left.

height

Sets the height in pixels or percentage value.

hspace

Sets the horizontal margin

loop

Sets the number of times the marquee will scroll. If no value is specified, the default value is −1, which means the marquee will scroll continuously.

scrollamount

Sets the amount of scrolling at each interval in pixels. The default value is 6.

scrolldelay

Sets the interval between each scroll movement in milliseconds. The default value is 85. Note that any value smaller than 60 is ignored and the value 60 is used instead, unlesstruespeed is specified.

truespeed

By default, scrolldelay values lower than 60 are ignored. If truespeed is present, those values are not ignored.

vspace

Sets the vertical margin in pixels or percentage value.

width

Sets the width in pixels or percentage value.

Event handlers

onbounce

Fires when the marquee has reached the end of its scroll position. It can only fire when the behavior attribute is set to alternate.

onfinish

Fires when the marquee has finished the amount of scrolling that is set by the loop attribute. It can only fire when the loop attribute is set to some number that is greater than 0.

onstart

Fires when the marquee starts scrolling.

Methods

start()

Starts scrolling of the marquee.

stop()

Stops scrolling of the marquee.

Examples

<marquee>This text will scroll from right to left</marquee>

<marquee direction="up">This text will scroll from bottom to top</marquee>

<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid">
  <marquee behavior="alternate">
    This text will bounce
  </marquee>
</marquee>