Detailed explanation of the marquee attribute in html

This tag is not part of HTML 3.2, and only supports the core of MSIE3 after MSIE3, so if you use the non -IE kernel browser (such as: Netscape), you may not be able to see some of the interesting effect below

This tag is a container label

grammar:

 <marquee> </Marquee>

The following is the simplest example:

The code is as follows:

 <Marquee> <font size =+3 color = red> Hello, worldd </font> </marquee>

The following two events are often used:

onmouseout = this.start (): It is used to set up the mouse to move out of the area

onmouseover = this.stop (): It is used to stop rolling when setting the mouse to move into the area

The code is as follows:

 <marquee onmouseout = this.start () onmouseover = this.stop ()> Onmouseout = this.start (): Continue on the area when the mouse moves out of the area. Enter the area Stop rolling time </Marquee>

This is a complete example:

The code is as follows:

 <Marquee ID = Affiche Align = Left Behavior = Scroll BGCOLOR =#FF0000 Direction = Up Height = 300 Width = 200 HSPACE = 20 LOOP = -1 Scrollamo Un = 10 scrollay = 100 onmouseout = this.start () onmouseover = this .stop ()> This is a complete example </Marquee>

There are as many as 11 attributes supported by this label:

Set the method of alignment of <marquee> tag content

ABSBOTTOM: Absolutely align at the bottom (aligned with the lower end of the letters of G, P and other letters)

absmiddle: Absolutely centrally aligned

Baseline: Alignment of the bottom line

Bottom: Align at the bottom (default)

left: Left alignment

MIDDLE: Alignment in the middle

Right: Right alignment

TextTop: top line alignment

TOP: top alignment

The code is as follows:

 <Marquee Align = ABSBOTTOM> Align = ABSBOTTOM: Absolutely align at the bottom (align with the lower end of G, P and other letters). </Marquee> <Marquee Align = Absmiddle> Align = ABSMIDDLE: Absolutely aligned. </Marquee> <Marquee Align = Baseline> Align = Baseline: Align the bottom line. </Marquee> <Marquee Align = Bottom> Align = Bottom: Align at the bottom (default). </Marquee> <Marquee Align = LEFT> Align = Left: Left alignment. </Marquee> <Marquee Align = MIDDLE> Align = MIDDLE: Alignment. </Marquee> <Marquee Align = Right> Align = Right: Right. </Marquee> <Marquee Align = TextTop> Align = TextTop: Top line alignment. </Marquee> <Marquee Align = Top> Align = TOP: Top alignment. </marquee>

Set the rolling method:

Alternate: It means rolling back and forth between the two ends.

scroll: It means that it will be rolled from one end to the other end, and it will be repeated.

slide: It means rolling from one end to the other, and it will not repeat.

The code is as follows:

 <Marquee Behavior = Alternate> Alternate: It means rolling back and forth between the two ends. </Marquee> <Marquee Behavior = Scroll> Scroll: It means that it will be rolled from one end to the other end and will be repeated. </Marquee> <Marquee Behavior = Slide> Slide: It means rolling from one end to the other end without repeating. </marquee>

Set the background color of the activity subtitles. The background color can be set in the format or color name of RGB and hexadecimal values.

The code is as follows:

 <marquee bgcolor =#006699> Set the background color of the activity subtitles BGCOLOR =#006699 </Marquee> <Marquee BGCOLOR = RGB (10%, 50%, 100%,)> Set the background color of the activity subtitle BGCOLOR = RGB ( 10%, 50%, 100%,) </Marquee> <Marquee Bgcolor = Red> Set the background color of the activity subtitles bgcolor = red </marquee>

Set the rolling direction of activity subtitles

The code is as follows:

 <Marquee Direction = DOWN> Set the rolling direction of activity subtitles direction = double: downward </Marquee> <Marquee Direction = left> Set the rolling direction of the activity subtitles Direction = Left: Left </Marquee> <Marquee Dire ction = Right> Set the rolling direction of activity subtitles direction = Right: to the right </Marquee> <Marquee Direction = Up> Set the rolling direction of the activity subtitles Direction = Up: up </Marquee>

Set the height of activity subtitles

The code is as follows:

 <Marquee Height = 500 Direction = DOWN BGCOLOR =#CCCCCC> Set the height of the activity subtitles Height = 500 </Marquee>

Set the width of activity subtitles

The code is as follows:

 <Marquee Width = 500 BGCOLOR =#CCCCCCC> Set the width of the activity subtitles width = 500 </marquee>

Set the distance of the position where the position of the activity is located.

This Controls the Horizontal (level) Space design the display box.

The code is as follows:

 <Table width = 500 border = 1 align = Center cellpadding = 0 cellspacing = 0> <tr> <marquee hspace = 100 BGCOLOR =#cccccc> Hspace = 100 </td> </td> /tr> < /table>

Set the position of the position where the position is located in the vertical border of the parent container

This Controls the Vertical (vertical) Space design the display box.

The code is as follows:

 <marquee vspace = 100 bgcolor =#cccccc> hspace = 100 </marquee>

Set the number of rolling times, when loop = -1 means that it keeps rolling, the default -1

The code is as follows:

 <Marquee loop = -1 bgcolor =#ccccccC> I will keep walking. </marquee> <p> & nbsp; </p> <Marquee loop = 2 bgcolor =#cccccc> I only go twice </Marquee>

Set the rolling speed of the activity subtitle, the unit Pixels

The code is as follows:

 <marquee scrollamount=10 >scrollamount=10 </marquee><marquee scrollamount=20 >scrollamount=20 </marquee><marquee scrollamount=30 >scrollamount=30 </marquee>

Set the delay time between the activity subtitles twice, the unit MilliseCond (millisecond)

It will have a step -by -time effect when it is worth it

The code is as follows:

 <Marquee ScrollDelay = 10> ScrollDelay = 10 </Marquee> <Marquee ScrollDelay = 100> ScrollDelay = 100 </Marquee> <Marqueeee = 1000> ScrollDelay = 1 000 </marquee>

The above is the detailed explanation of the Marquee attributes in HTML. I hope it will be helpful to everyone. If you have any questions, please leave me a message. Xiaobian will reply to everyone in time. Thank you very much for your support for the VEVB Wulin website!