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

Home

Web Front-end

H5 Tutorial

Sample code for text scrolling in html5

Oct 23, 2017 am 10:16 AM

h5 html5 code

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

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

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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn