The marquee of HTML

Source: Internet
Author: User
Tags set background

The label is a container label
Syntax:
<marquee></marquee>
Here is one of the simplest examples:
The code is as follows: <marquee><font size=+3 Color=red>hello, world</font></marquee> The following two events are often used:
Onmouseout= "This.start ()": To continue scrolling when you set the mouse to move out of the area
Onmouseover= "This.stop ()": Use to set the mouse to move into the area when the scroll code is stopped as follows: <marquee onmouseout= "This.start ()" onmouseover= "This.stop ()" >onmouseout= "This.start ()": Use to set the mouse to move out of the area while continuing to scroll onmouseover= "This.stop ()": Used to set the mouse to move into the area when you stop scrolling </marquee> This is a complete example:
The code is as follows: <marquee id= "Affiche" align= "left" behavior= "scroll" bgcolor= "#FF0000" direction= "Up" height= "" width= "200 "Hspace=" "vspace=" "loop="-1 "scrollamount=" "scrolldelay=" "onmouseout=" This.start () "Onmouseover=" This.stop () ">
This is a complete example.
</marquee>
The label supports up to 11 properties:
Align
Alignment of settings <marquee> label content
Absbottom: Absolute Bottom Alignment (aligns with the lower end of the letters G, p, etc.)
Absmiddle: Absolute Central Alignment
Baseline: Bottom line Alignment
Bottom: Bottom alignment (default)
Left: Right-justified
Middle: Middle Alignment
Right: Justify
Texttop: Top Line alignment
Top: Alignment
The code is as follows: <marquee align= "Absbottom" >align= "absbottom": Absolute bottom Alignment (aligned with the lower end of the letters G, p, etc.). </marquee>
<marquee align= "Absmiddle" >align= "absmiddle": absolute Central alignment. </marquee>
<marquee align= "Baseline" >align= "baseline": Bottom line Alignment. </marquee>
<marquee align= "Bottom" >align= "bottom": Bottom-aligned (default). </marquee>
<marquee align= "left" >align= "Ieft": Justified. </marquee>
<marquee align= "Middle" >align= "middle": Middle alignment. </marquee>
<marquee align= "Right" >align= "R": Justified. </marquee>
<marquee align= "Texttop" >align= "Texttop": Align Top lines. </marquee>
<marquee align= "Top" >align= "top": Align the tops. </marquee>
Behavior
To set the scrolling mode:
Alternate: Indicates scrolling back and forth between the ends.
Scroll: Indicates that one end is scrolled to the other and is repeated.
Slide: Represents a scroll from one end to the other and does not repeat. The code is as follows: <marquee behavior= "Alternate" >alternate: Scrolls back and forth between the ends. </marquee>
<marquee behavior= "Scroll" >scroll: Indicates that scrolling from one end to the other is repeated. </marquee>
<marquee behavior= "Slide" >slide: Indicates that one end is scrolled to the other and does not repeat. </marquee>
BgColor
Sets the background color of the active caption, and the background color can be set by the format or color name of the RGB, 16 binary values. The code is as follows: <marquee bgcolor= "#006699" > Set the background color of active subtitles bgcolor= "#006699" </marquee>
<marquee bgcolor= "RGB (10%,50%,100%,)" > Set background color for active subtitles bgcolor= "RGB (10%,50%,100%,)" </marquee>
<marquee bgcolor= "Red" > Set the background color of active subtitles bgcolor= "Red" </marquee>
Direction
Set the scrolling direction code for the active caption as follows: <marquee direction= "Down" > Set the scrolling direction of the active caption direction= "down": Downward </marquee>
<marquee direction= "Left" > Set the scrolling direction of active subtitles direction=
<marquee direction= "Right" > Set the scrolling direction of the active caption direction= "OK": Rightwards </marquee>
<marquee direction= "Up" > Set scrolling Direction direction= "up" for active captions: up </marquee>
Height
Set the height code for the active caption as follows:
<marquee height= "direction=" "Down" bgcolor= "#CCCCCC" > Set the height of active subtitles height= "$" </marquee>
Width
Set the width code for the active caption as follows:
<marquee width= "$" bgcolor= "#CCCCCC" > Set the width of the active caption width= "$" </marquee> hspace
Sets the distance from the horizontal border of the parent container where the active caption is located
This controls the horizontal (level) space around the display box. The code is as follows: <table width= "" border= "1" align= "center" Cellpa dding= "0" cellspacing= "0" >
<tr>
<td><marquee hspace= "bgcolor=" #CCCCCC ">hspace=" </marquee></td>
</tr>
</table>
Vspace
Sets the distance from the vertical border of the parent container where the active caption is located
This controls the vertical (vertical) space around the display box. The code is as follows:
<marquee vspace= "bgcolor=" #CCCCCC ">hspace=" </marquee> loop
Set the number of scrolls, when loop=-1 means to scroll down, the default is-1 code as follows: <marquee loop= "1" bgcolor= "#CCCCCC" > I'll keep going. </marquee>
<p>&nbsp;</p>
<marquee loop= "2" bgcolor= "#CCCCCC" > I only go two times Oh </marquee>
ScrollAmount
Set the scrolling speed of the active caption, the unit pixels code is as follows: <marquee scrollamount= "Ten" >scrollamount= "ten" </marquee>
<marquee scrollamount= ">scrollamount=" </marquee>
<marquee scrollamount= ">scrollamount=" </marquee>
Scrolldelay
Set the delay time between active caption scrolling two times, unit millisecond (milliseconds)
When the value is large, there will be a pause in the effect code as follows: <marquee scrolldelay= "Ten" >scrolldelay= "ten" </marquee>
<marquee scrolldelay= "> scrolldelay=" </marquee>
<marquee scrolldelay= ">scrolldelay=" </marquee>

The marquee of HTML

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.