The automatic scrolling effect of the page, which can be implemented by JavaScript,
But there is an HTML tag-<marquee></marquee> can achieve a variety of scrolling effects, without JS control.
Use marquee tags not only to move text, but also to move pictures, tables, and so on.
Syntax:<marquee>...</marquee>; Description: Add the content you want to scroll between the tags.
Important attributes:
1. Scrolling direction direction (including 4 values: Up, down, left, and right)
Syntax: <marquee direction= "scrolling direction" >...</marquee>
2. Scrolling mode behavior (scroll: cyclic scrolling, default effect; slide: stop only once scrolling; alternate: rotate back and forth)
Syntax: <marquee behavior= "scrolling mode" >...</marquee>
3. Scrolling speed ScrollAmount (scrolling speed is the length, in pixels, that is set to move each time you scroll)
Syntax: <marquee scrollamount= "5" >...</marquee>
4. Scrolling delay Scrolldelay (sets the time interval for scrolling, in milliseconds)
Syntax: <marquee scrolldelay= ">...</marquee>"
5. Scroll loops loop (default is-1, scrolling will continue to loop)
Syntax: <marquee loop= "2" >...</marquee>
6. Scroll range width, height
7. Scrolling background color bgcolor
8. Blank Space Hspace, vspace
Example:
<Body><Div><Marqueedirection= "Up"Behavior= "Scroll"ScrollAmount= "1"Scrolldelay= "0"Loop= "-1"width= "+"Height= " the"bgcolor= "#0099FF"hspace= "Ten"vspace= "Ten">direction refers to the entire marquee alignment; behavior: Sets the way to scroll:
ScrollAmount: Scrolling speed;
Scroll: Indicates that scrolling from one end to the other is repeated, and defects are not seamlessly scrolled. Slide: Represents a scroll from one end to the other, and does not repeat ... </ Marquee ></ Div ></ Body >
3.30 lessons Marquee Label
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
