HTML - <Marquee>

This proprietary element specifies a scrolling, sliding, or bouncing text marquee. This is primarily a Microsoft-specific element, though a few other browsers support it as well.
 

Syntax

<MARQUEE

BEHAVIOR="ALTERNATE | SCROLL | SLIDE"
BGCOLOR="color name | #RRGGBB"
CLASS="class name(s)"
DATAFLD="column name"
DATAFORMATS="HTML | TEXT"
DATASRC="data source ID"
DIRECTION="DOWN | LEFT | RIGHT | UP"
HEIGHT="pixels or percentage"
HSPACE="pixels"
ID="unique alphanumeric identifier"
LANGUAGE="JAVASCRIPT | JSCRIPT | VBS | VBSCRIPT"
LOOP="INFINITE | number"
SCROLLAMOUNT="pixels"
SCROLLDELAY="milliseconds"
STYLE="style information"
TITLE="advisory text"
TRUESPEED
VSPACE="pixels"
WIDTH="pixels or percentage"
onafterupdate="script"
onblur="script"
onbounce="script"
onclick="script"
ondblclick="script"
ondragstart="script"
onfinish="script"
onfocus="script"
onkeydown="script"
onkeypress="script"
onkeyup="script"
onmousedown="script"
onmousemove="script"
onmouseout="script"
onmouseover="script"
onmouseup="script"
onresize="script"
onrowenter="script"
onrowexit="script"
onselectstart="script"
onstart="script">

Marquee text

</MARQUEE>

Attributes

BEHAVIOR
This attribute controls the movement of marquee text across the marquee. The ALTERNATE option causes text to completely cross the marquee field in one direction and then cross in the opposite direction. A value of SCROLL for the attribute causes text to wrap around and start over again. This is the default value for a marquee. A value of SLIDE for this attribute causes text to cross the marquee field and stop when its leading character reaches the opposite side.

BGCOLOR
This attribute specifies the marquee's background color. The value for the attribute can either be a color name or a color value defined in the hexadecimal #RRGGBB format.

CLASS
This attribute is set to indicate the class or classes that a particular element belongs to. A class name is used by a style sheet to associate style rules to multiple elements at once.

DATAFLD
This attribute is used to indicate the column name in the data source that is bound to the <MARQUEE> element.

DATAFORMATS
This attribute indicates if the bound data is plain text or HTML. The data bound with <MARQUEE> is used to set the message that is scrolled.

DATASRC
The value of this attribute is set to an identifier indicating the data source to pull data from. Bound data is used to set the message that is scrolled in the <MARQUEE>.

DIRECTION
This attribute specifies the direction in which the marquee should scroll. The default is LEFT. Other possible values for DIRECTION include DOWN, RIGHT, and UP.

HEIGHT
This attribute specifies the height of the marquee in pixels or as a percentage of the window.

HSPACE
This attribute indicates the horizontal space in pixels between the marquee and surrounding content.

ID
This attribute specifies a unique alphanumeric identifier to be associated with an element. Naming an element is important to being able to access it with a style sheet, a link, or a scripting language. Names should be unique to a document and should be meaningful.

LANGUAGE
In the Microsoft implementation, this attribute specifies the script language to be used with an associated script bound to the element, typically through an event handler attribute. Possible values may include JAVASCRIPT, JSCRIPT, VBS, and VBSCRIPT. Other values that include the version of the language used, such as Javascript1.1, may also be possible.

LOOP
This attribute indicates the number of times the marquee content should loop. By default, a marquee loops infinitely unless the BEHAVIOR attribute is set to SLIDE. It is also possible to use a value of INFINITE or -1 to set the text to loop indefinitely.

SCROLLAMOUNT
This attribute specifies the width in pixels between successive displays of the scrolling text in the marquee.

SCROLLDELAY
This attribute specifies the delay in milliseconds between successive displays of the text in the marquee.

STYLE
This attribute specifies an inline style associated with the element. The style information is used to determine the rendering of the affected element.

TITLE
This attribute supplies advisory text for the element that may be rendered as a tool tip when the mouse is over the element. A title may also simply provide information that alerts future document maintainers to the meaning of the element and its enclosed content.

TRANSPARENCY
This attribute specifies the marquee's degree of transparency. Values range from 0 (totally opaque) to 100 (totally transparent).

TRUESPEED
When this attribute is present, it indicates that the SCROLLDELAY value should be honored for its exact value. If the attribute is not present, any values less than 60 are rounded up to 60 milliseconds.

VSPACE
This attribute indicates the vertical space in pixels between the marquee and surrounding content.

WIDTH
This attribute soecifies the width of the marquee in pixels or as a percentage of the enclosing window.

Event Handlers

onafterupdate
Fires after the transfer of data from the element to data provider, namely, a data update.

onblur
Occurs when an element loses focus, meaning that the user has moved focus to another element, typically either by clicking the mouse on it or tabbing to it.

onbounce
Triggered when the bouncing contents of a marquee touch one side or another.

onclick
Indicates that the element has been clicked.

ondblclick
Indicates that the element has been double-clicked.

ondragstart
Fires when the user begins to drag a highlighted selection.

onfinish
Triggered when a looping marquee finished.

onfocus
The focus event describes when an element has received focus, namely, it has been selected for manipulation or data entry.

onkeydown
Indicates that a key is being pressed down with focus on the element.

onkeypress
Describes the event of a key being pressed and released with focus on the element.

onkeyup
Indicates that s key is being released with focus on the element.

onmousedown
Indicates the press of a mouse button with focus on the element.

onmousemove
Indicates that the mouse has moved while over the element.

onmouseout
Indicates that the mouse has moved away from an element.

onmouseover
Indicates that the mouse has moved over an element.

onmouseup
Indicates the release of a mouse button with focus on the element.

onresize
Triggered whenever an object is resized. Can only be bound to the window under Netscape as set via the <BODY> element.

onrowenter
Indicates that a bound data row has changed and new data values are available.

onrowexit
Fires just prior to a bound data source control changing the current row.

onselectstart
Fires when the user begins to select information by highlighting.

onstart
Fires when a looped marquee begins or starts over.

Example

<MARQUEE BEHAVIOR="ALTERNATE">
SPECIAL PRICE! This week only!!.
</MARQUEE>


<MARQUEE ID="marquee1" BGCOLOR="GRAY" DIRECTION="RIGHT" HEIGHT="30" 
               WIDTH="80%" HSPACE="10" VSPACE="10">
HTML is a basic of building web page. Try to learn each component carefully and 
you will know that HTML is very easy.

</MARQUEE>
Visitor Review  Write a review
Search Review :

Ra.V on 02 Feb 2013 00:28 reply

how to set stylish border of marquee.

 

Ra.V on 02 Feb 2013 00:25 reply

how to set stylish border of marquee.

 

büşra acar on 22 Sep 2012 03:39 reply

Stop the mouse over it, especially after the official marquee Resume How do I initially came to?

 

Makiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii on 17 Jul 2012 22:13 reply

Easy to learn :D

 

prince shekar on 23 May 2012 03:02 reply

its very a super...

 

Rasool on 01 May 2012 07:47 reply

You are AWESOME..... A Big and Huge THANKS TO YOU BUDDY.......!!

 

rameshmeda on 20 Apr 2012 04:39 reply

really good

 

yomamma on 04 Dec 2011 17:23 reply

i didnt get it:(
visit ask-junior.weebly.com on Christmas 2011 at 10:00AM ET.

 

rajesh on 26 Nov 2011 07:22 reply

hiiiii

 

anonymus on 24 Oct 2011 09:07 reply

good

 

Harsha Vazirani on 19 Aug 2011 10:21 reply

its a awesome way to learn html

 

pratik on 04 Jul 2011 04:18 reply

show more examples on linking between two images.....

 

galax212 on 24 Feb 2011 15:59 reply

galax212.blogspot.com

 

rizky on 23 Feb 2011 08:38 reply

tentang pelajaran sekolah

 

zetta on 05 Feb 2011 17:53 reply

how I can use the event handler?
must it full fill by a function or something???

 

tushar on 19 Jan 2011 23:48 reply

what is marquee in c++

 

bra on 19 Jan 2011 23:47 reply

bra bra bra ....

 

ADITYA on 06 Dec 2010 05:03 reply

I FIND IT NICE

 

acharya on 14 Sep 2010 09:58 reply

nice ok .

 

CJohnson on 25 May 2010 15:42 reply

Thanks so much! This article as well as the other feedback helped me a lot!

 

Spaceman on 12 May 2010 23:22 reply

This page helped me out a bit but i still have some questions.

How would i get a scrolling marquee to speed up when i click it. i have the following code so far but can't figure out how to add the ability to speed it up.

<marquee bgcolor=pink behavior='scroll' align='center' direction='up' height='300' scrollamount='1' scrolldelay='30' truespeed onmouseover=this.stop() onmouseout=this.start() >

can someone pls help me?

 

vinod on 27 Apr 2010 01:18 reply

its a nice example of marquee but i want to use marquee in dropdown list items is this possible or not

 

aditya singh on 20 Sep 2009 08:07 reply

very staylish use of marquee

 

Morteza on 17 Sep 2009 23:44 reply

Hi
I saw one of these MARQUEE in this site :

http://www.f-22raptor.com/index_stuff.php

in the top of page (APPLET)

if you have it's code please send to me

THANKS A LOT

 

nupur on 03 Jun 2009 09:19 reply

Happy

aditya singh on 20 Sep 2009 08:12 reply

hi nupar
h r u?
i thing r u recieved this msg
u feel very glad
pettersmith on 25 Jun 2012 07:01 reply

glen?
 

Anastasia on 09 Dec 2008 18:05 reply

show more examples with Event Handlersta

 

Anastasia on 02 Dec 2008 19:24 reply

the top is hard to read as it isusy formost guests' eyes.

TJ on 03 Dec 2008 00:41 reply

Thanks for your comment. I have changed the orientation of data. It should look better now.
 
See all reviews
Write a review
Rating:
Your Message:
Name:
Email:
(optional)
(Your email that entered here will not show anywhere on website and will use only reference when someone reply your post)
  I want to receive a copy of email on this post (your email is needed)
 
Code:
 

Search this site