Home >Web Front-end >H5 Tutorial >Sample code for text scrolling in html5
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>
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!