Sample code for text scrolling in html5
Oct 23, 2017 am 10:16 AMNext, 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!

Hot tools Tags

Hot Article

Hot tools Tags

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)
