zoukankan      html  css  js  c++  java
  • HTML marquee标签详解

    在论坛默认的编辑状态下,我们可以通过UBB语法的move和fly语句让对象动起来,但功能很简单,只是平行地移动。而我们使用HTML的Marquee语句则可以产生更多的移动效果:向左、向右、向上、向下。再嵌套使用marquee语句,效果就更加丰富了。

        marquee的基本语法:<marquee> ... </marquee>

    说明:与大多数HTML语法元素一样,它也是成双出现的,被修饰对象就放在起始符和终止符之间。请看如下例子:

    <marquee> 啦啦啦,真的会动耶!</marquee>

    啦啦啦,真的会动耶!

        瞧,简单吧?不过,以上例子只是使用了marquee的默认用法。我们加入相应的参数,它的移动方法就有所不同了。

        参数一:direction。direction的英文意思就是方向。这个参数的取值有四个:left(左)、right(右)、up(上)、down(下)。

    例:<marquee direction=up>向上移动</marquee>

    向上移动

        参数二:behavior。移动方式。值:scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。

    例:<marquee direction=left behavior=alternate>哈哈,我来回走!</marquee>

    哈哈,我来回走!

    <marquee direction=left behavior=slide>累!我只走一次!</marquee>

    累!我只走一次!

        参数三:loop。循环。若未指定则循环不止(infinite),其值取数值。例:

    <marquee loop=3>我只走三次哦</marquee>

    我只走三次哦

        参数四:scrollamount。移动速度。值取正整数。数值越大,速度越快。例:

    <marquee scrollamount=25>看,我走多快!</marquee>

    看,我走多快!

        参数五:scrolldelay

    延时。数值。例:

    <marquee scrolldelay=1000>我走一走,停一停</marquee>

    我走一走,停一停

    参数六:bgcolor

    底色。例:

    <marquee bgcolor=pink>看到了吧?有底色!</marquee>

    看到了吧?有底色!

        参数七:width和height。就是移动的宽度与高度了。例:

    <marquee width=200 height=200 bgcolor=pink direction=down>这个面积不够我移动!</marquee>

    这个面积不够我移动!

        其他参数:空白(Margins)<hspace=数值 vspace=数值>;对齐方式(Align) <align=top/ middle/bottom>

        我们在本节所举的例了当中,marquee所移动的对象都是文字,其实呢,凡可视对象,只要有足够的区域,marquee都能令它们移动。

  • 相关阅读:
    webpack2.x抽取css
    window.print控制打印样式
    Vue2.x中的父子组件相互通信
    Vue2.x中的父组件数据传递至子组件
    NodeJs之fs的读写删移监
    设计
    mycat服务启动{管理模块启动过程}
    mycat初探
    zookeeper总结
    rocketmq总结
  • 原文地址:https://www.cnblogs.com/lovablebox/p/705277.html
Copyright © 2011-2022 走看看