HTML5 Implementing scrolling Text

Source: Internet
Author: User

<div class= "Custom-notice" >   <i class= "Icon-notice" ></i>   <marquee class= "Noticetext Ng-binding "direction=" left "behavior=" alternate "scrollamount=" "scrolldelay=" + "loop=" 5 "width=" 100% " Onmouseover= "This.stop ();" onmouseout= "This.start ();"  Style= "width:100%;" > Recharge Announcement: First charge 100 get 1 yuan </marquee></div>

1. Scrolling Direction Property Direction
The scrolling direction of this property can be set to four values: up (text up), down (text down), left (text to the right), and straight (text to starboard).
2. Scrolling Mode property behavior
The value of this property has three values: scroll (cyclic scrolling, default effect), slide (stopping only once), alternate (scrolling back and forth)
3. Scrolling Speed Properties ScrollAmount
This property adjusts the speed of text scrolling, and the speed of scrolling text is actually achieved by setting the length of the scrolling text to be moved each time, in pixels. The value is only written in digits, without PX units, and the setting is invalid if the unit is brought in.
4. Scrolling Delay Property Scrolldelay
This property is used to set the time interval between scrolling text scrolling (the time interval between two steps).
The time interval unit of the scrolldelay is milliseconds, and the value writes only the number
5. Scrolling Loop Properties Loop
When you set scrolling text, the default is to loop indefinitely, setting this property if you want to control the number of cycles.
6. Scrolling Range Properties Width&height
If you want to control the range of text scrolling, you can use these two properties, in pixels, without writing px units. By default, the width of left and right scrolling is the same width as the browser window, and the height of the text is high. Up and down are one-third of the height of the browser window.
7. Scrolling background Color properties bgcolor
This property sets the background color for the scrolling region (hexadecimal color code and English).
8. Scrolling spatial Properties Hspace&vspace
The Hsapce property sets the horizontal position of the scrolling range, and the vspace is used to set the vertical position of the scroll range. Units are pixels, write values do not write unit px.

HTML5 Implementing scrolling Text

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.