首页 » 微语 » 正文

HTML中的跑马灯效果

book 2019年07月01日 微语 244 views 0

扫一扫用手机浏览

跑马灯效果:




格式:


<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>video的用法</title>

        <base target="_self">

    </head>

<body>

    <marquee scrollamount="1/2/3..../n" direction="left/right/up/down" loop="1/2/3..../n" behavior="slide/alternate">

      要写的内容   

 </marquee>

</body>

</html>


属性:

scrollamount="1/2/3/4/5/6/..../n":控制内容跑马的速度,数值越大越快。


direction="left/right/up/down" : 控制内容跑马方向。(向左,右,上,下跑马)


loop="1/2/3/4../n":控制内容跑马的循环次数。


behavior="slide/alternate":控制内容跑马的状态,slide是跑到边界停止不动,alternate是跑到边界被弹回(来回反弹)。

赞(1

本文转载自互联网,如有侵权,联系删除

发表评论