美文网首页
marquee标签(跑马灯)

marquee标签(跑马灯)

作者: CJCJCCJ | 来源:发表于2016-11-09 15:52 被阅读27次

    什么是marquee标签?

    作用: 跑马灯

    格式:

    <marquee>内容</marquee>
    

    属性:

    direction: 设置滚动方向 left/right/up/down
    scrollamount: 设置滚动速度, 值越大就越快
    loop: 设置滚动次数, 默认是-1, 也就是无限滚动
    behavior: 设置滚动类型 slide滚动到边界就停止, alternate滚动到边界就弹回

    注意点:

    marquee标签不是W3C推荐的标签, 在W3C官方文档中也无法查询这个标签, 但是各大浏览器对这个标签的支持非常好

    <!--方向测试-->
    <marquee>我叫XXX</marquee>
    <marquee direction="right">这是测滚动方向的</marquee>
    <marquee direction="up">这是测滚动方向的</marquee>
    <marquee direction="down">这是测滚动方向的</marquee>
    
    <hr>
    
    
    <!--滚动速度-->
    <marquee scrollamount="1">这是测滚动速度的</marquee>
    <marquee scrollamount1="100">这是测滚动速度的</marquee>
    
    <hr>
    
    <!--滚动次数-->
    <marquee loop="2">这是测试滚动次数的</marquee>
    
    <hr>
    <!--设置滚动类型-->
    <marquee behavior="slide">随便写点内容</marquee>
    <marquee behavior="alternate">随便写点内容</marquee>
    
    <!--设置里面图片滚动-->
    <marquee>
        <img src="images/NJ.jpg" width="50px">
    </marquee>
    

    相关文章

      网友评论

          本文标题:marquee标签(跑马灯)

          本文链接:https://www.haomeiwen.com/subject/oyftpttx.html