Home > Developer > Web Develop
Page Auto-scrolling effect, can be implemented by JavaScript, but today inadvertently found an HTML tag-<marquee></marquee> can achieve a variety of scrolling effect, 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
code example:
1 <!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd ">2 <HTMLxmlns= "http://www.w3.org/1999/xhtml">3 <Head>4 <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" />5 <title>Untitled Document</title>6 </Head>7 8 <Body>9 <Div>Ten <Marqueedirection= "Up"Behavior= "Scroll"ScrollAmount= "1"Scrolldelay= "0"Loop= "-1"width= "+"Height= " the"bgcolor= "#0099FF"hspace= "Ten"vspace= "Ten"> One refers to the whole marquee alignment method; (2) Behavior: Set the way of scrolling: 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 ... A </Marquee> - </Div> - </Body> the </HTML>
html-label marquee for scrolling effect
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
