让你的文字动起来——Marquee用法详解
来源:互联网 发布:网络统考无法报名 编辑:程序博客网 时间:2024/06/06 17:37
在论坛默认的编辑状态下,我们可以通过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> ... </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用法详解
- marquee用法的详细解释--让文字动起来
- 让你的网页文字动起来。。。
- 沟通——让你的团队动起来
- 让你的图标动起来
- ViewDragHelper让你的app动起来
- 让你的web程序“动”起来。
- 让你的程序“动”起来。
- 让你的tableView动起来 —— iOS8 SpringAnimation应用
- [iOS开发系列--让你的应用“动”起来] CALayer 详解 {转}
- 让UILabel提示文字动起来
- 让UILabel提示文字动起来
- 让css动起来—-lesscss
- 让你的网页动起来的秘诀
- Ios 让你的UITabbar上的按钮动起来
- 使用 FactoryBean 让你的 spring 配置动起来
- 仅用CSS让你的div动起来-------Day23
- POJ_2778 DNA Sequence AC自动机+dp
- Android编译遇到错误/usr/bin/ld: cannot find -lstdc++的解决
- bitmap size exceeds VM budget
- 【ORACLE】Oracle 增加 修改 删除 列
- C# winform自定义Label控件使其能设置行距
- 让你的文字动起来——Marquee用法详解
- RPL保存在选择子里,那么CPL是保存在哪里的
- 现如今教育成为一个行为怪异的表现
- android 瀑布流效果
- 常用unix or aix 命令
- C++ 中 explicit 关键字的作用
- C# 未能加载文件或程序集 HRESULT:0x80070057
- 教书育人的宗旨和意义
- 关于C#开发WEB项目TextBox控件的自适应高问题解决办法!