让你的文字动起来——Marquee用法详解

转载 2007年10月09日 10:48:00
在论坛默认的编辑状态下,我们可以通过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>
 

让你彻底理解指针

-
  • 1970年01月01日 08:00

让你的图标动起来

  • zgqtxwd
  • zgqtxwd
  • 2008-05-01 06:42:00
  • 488

marquee用法的详细解释--让文字动起来

behavior="…"     BGCOLOR="…"     DIRECTION="…"     HEIGHT="…"     WIDTH="…"     HSPACE="…"    ...
  • lwp11411
  • lwp11411
  • 2012-04-06 15:35:50
  • 221

Marquee 文字轮播的使用参数详解

Marquee滚动总结 一、Marquee详解 1、Marquee经常用到的两个事件 onMouseOut="this.start()";用来设置鼠标移除出区域时继续滚动; onMouse...
  • responsecool
  • responsecool
  • 2014-05-27 19:05:45
  • 1392

让大脑动起来

《穷爸爸与富爸爸》书中说到面临同一个问题的时候, 穷爸爸的反应是:我可付不起。 富爸爸的反应是:我要怎样才能买得起呢?   两个句子,一个是陈述句,一个是疑问句。一句让你放弃,而另一句则促使你...
  • Spring_green
  • Spring_green
  • 2014-06-10 17:46:49
  • 551

MarqueeTextView实现跑马灯效果

一 布局文件如下图所示: 代码如下:     xmlns:tools="http://schemas.android.com/tools"     android:id="@+i...
  • izhangye
  • izhangye
  • 2017-05-09 19:32:25
  • 1164

marquee如何让文字上下来回滚动

首先让我们认识这个标签,它是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspa...
  • sunny2come
  • sunny2come
  • 2010-05-11 17:38:00
  • 23138

html之marquee实现图片文字滚动效果详解

在制作网页的时候,很多情况下会遇到需要某一个文字或者图片像广告那样水平或者垂直的滚动,这样的效果 JavaScript可以制作,但是比较麻烦,直接看那些代码会感觉到非常的复杂。这里我们来介绍一种简单...
  • a352193394
  • a352193394
  • 2012-04-24 17:41:57
  • 10455

jQuery动画-让页面动起来!

做web程序经常要使用弹出层, 比如单击文字或按钮显示一段提示文字等.  假设有如下需求:  单击图中的"显示提示文字"按钮, 在按钮的下方显示一个弹出层.单击任何空白区域或者弹出层,弹出层...
  • dlt1993814
  • dlt1993814
  • 2016-06-07 00:45:26
  • 393

关于html:marquee属性的详解

标签           标签是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。          标签的属性主要有behavior、bgcolor、direction、width、...
  • bright_101
  • bright_101
  • 2016-08-04 23:20:31
  • 2920
收藏助手
不良信息举报
您举报文章:让你的文字动起来——Marquee用法详解
举报原因:
原因补充:

(最多只允许输入30个字)