Sample code for text scrolling in html5-H5 Tutorial-php.cn

Sample code for text scrolling in html5

黄舟

Release： 2017-10-23 10:16:58

Original

2780 people have browsed it

Next, let’s introduce the marquee tag

The marquee tag is a great contributor to realizing text scrolling

Commonly used attributes are as follows:

directory indicates the direction of scrolling ( Default is left)

behavior Specifies the scrolling method (default is scroll)

Hspace Specifies the horizontal distance from the element to the area

Vspace Specifies the vertical distance from the element to the area

loop Specify the number of loops (default -1 means infinite loop)

Here is a small chestnut I made, you can give it a try

<html>
    <head>
        <title> 文字轮滚</title>
        <meta charset="utf-8">
    </head>
    <body>
    <p align=center><marquee Hspace=6 scrollamount=3 width=200 height=40 bgcolor=red scrolldelay=1 behavior="scroll" directory="right">我是Cabby****人送外号白菜姐</marquee></p> 
    <p align=center><marquee Hspace=6 scrollamount=5 width=200 height=40 bgcolor=yellow scrolldelay=0 behavior=alternate>啦啦啦啦啦啦啦</marquee></p>
    <p align=center><marquee Hspace=6 scrollamount=3 width=200 height=40 bgcolor=red scrolldelay=1 behavior="scroll" directory="right" loop=-1>我是Cabby****人送外号白菜姐</marquee></p>
     <p align=center><marquee Hspace=6 scrollamount=5 width=200 height=40 bgcolor=yellow scrolldelay=0 behavior=alternate loop=-1>啦啦啦啦啦啦啦</marquee></p>
    <p align=center><marquee Hspace=6 scrollamount=3 width=200 height=40 bgcolor=red scrolldelay=1 behavior="scroll" directory="right">我是Cabby****人送外号白菜姐</marquee></p>
    </body>
    
</html>

Copy after login

The above is the detailed content of Sample code for text scrolling in html5. For more information, please follow other related articles on the PHP Chinese website!