让你的文字动起来——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>
 

Marquee 使用方法详解

实例:    需要滚动的文字  需要滚动的文字  也可以程序代码  也可以是图片   说明:   1、中间的内容可以为 文字,图片,也可以是由程序生成的文字或图...
  • shipeng22022
  • shipeng22022
  • 2013年02月18日 17:56
  • 2137

marquee标签无限上下滚动

marquee标签无限上下滚动
  • u014796999
  • u014796999
  • 2016年12月14日 13:14
  • 1936

html5 会移动的文字(Marquee)

基本语法 ... 啦啦啦,我会移动耶! 啦啦啦,我会移动耶! 文字移动属性的设置 方向 #=left, right 啦啦啦,我从右向左移! 啦啦啦,我从左向右移!...
  • jangdong
  • jangdong
  • 2014年01月15日 23:48
  • 2109

marquee的用法汇总

新浪BOLG代码  (2006-04-23 14:19:45) 转载▼     1、循环左移的字 循环左移的字   ...
  • jingtian678
  • jingtian678
  • 2016年11月21日 20:01
  • 172

marquee---jsp中的滚动字幕标记

下面这段代码就是上面例子的代码了,记得粘贴的时候是要选中“显示源代码”这个选项的哦。                         onMouseOut=go1.start() scrol...
  • cx136295988
  • cx136295988
  • 2016年06月02日 05:54
  • 849

关于html:marquee属性的详解

标签           标签是成对出现的标签,首标签和尾标签之间的内容就是滚动内容。          标签的属性主要有behavior、bgcolor、direction、width、...
  • bright_101
  • bright_101
  • 2016年08月04日 23:20
  • 2317

marquee 用法详解

前阵子要做无间断滚动,找了很久终于找到了阿米的眼泪写的方法,经raidl完善后非常好用,不敢藏私,拿出来和大家分享一下。当时是另存的,忘了原来的网址是什么了。 下面介绍marquee 的终极用法。 ...
  • buduan0
  • buduan0
  • 2013年01月25日 17:30
  • 171

CSS中滚动效果<MARQUEE>的用法

%{sta.index+1}、 %{tableTr.get('title')}     
  • xiaokangmiclong
  • xiaokangmiclong
  • 2015年11月30日 16:28
  • 1615

Vue2.0 进阶组件篇 5 解析 vux(无逢 marquee 组件)

https://juejin.im/post/58f3a372a22b9d006cfba9ab 给vux打打广告吧,我感觉功能最强大的还是vux ui库,我带大家看看这玩意如何实现的,你别看学别...
  • sinat_17775997
  • sinat_17775997
  • 2017年04月18日 09:02
  • 2088

HTML标准中已经废弃的<marquee>标签

HTML标准中已经废弃的标签 参考文章: https://developer.mozilla.org/en/docs/Web/HTML/Element/marquee https://en.wikip...
  • gsls200808
  • gsls200808
  • 2015年09月30日 13:22
  • 5333
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:让你的文字动起来——Marquee用法详解
举报原因:
原因补充:

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