文字滚动是由

控制的。

marquee的参数如下:

1、方向 #=left, right
如:

啦啦啦,我从右向左移!


啦啦啦,我从左向右移!



代码如下:

啦啦啦,我从右向左移!
啦啦啦,我从左向右移!



2、方式 #=scroll, slide, alternate
如:

啦啦啦,我一圈一圈绕着走!


啦啦啦,我只走一次就歇了!


啦啦啦,我来回走耶!



代码如下:

啦啦啦,我一圈一圈绕着走!
啦啦啦,我只走一次就歇了!
啦啦啦,我来回走耶!



3、循环 #=次数;若未指定则循环不止(infinite)
如:

啦啦啦,我只走 3 趟哟!


啦啦啦,我只走 3 趟哟!


啦啦啦,我只走 3 趟哟!


代码如下:

啦啦啦,我只走 3 趟哟!
啦啦啦,我只走 3 趟哟!
啦啦啦,我只走 3 趟哟!



4、速度
如:

啦啦啦,我走得好快哟!



代码如下:

啦啦啦,我走得好快哟!



5、延时
如:

啦啦啦,我走一步,停一停!


代码如下:

啦啦啦,我走一步,停一停!



6、对齐方式(Align) #=top, middle, bottom
如:
啦啦啦,我会移动耶!


代码如下:


啦啦啦,我会移动耶!


7、底色
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua

如:

啦啦啦,我会移动耶!


代码如下:

啦啦啦,我会移动耶!



8、面积
如:

啦啦啦,我会移动耶!


代码如下:

啦啦啦,我会移动耶!



9、空白(Margins)



------------------------------------------------------------------------------------------------------------------------------



以下是一个最简单的例子:

代码如下:


Hello, World




下面这两个事件经常用到:

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动

onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动



代码如下:


onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 :用来设置鼠标移入该区域时停止滚动




这是一个完整的例子:

代码如下:




这是一个完整的例子




该标签支持的属性多达11个:


align

设定标签内容的对齐方式

absbottom:绝对底部对齐(与g、p等字母的最下端对齐)

absmiddle:绝对中央对齐

baseline:底线对齐

bottom:底部对齐(默认)

left:左对齐

middle:中间对齐

right:右对齐

texttop:顶线对齐

top:顶部对齐




代码如下:


align="absbottom":绝对底部对齐(与g、p等字母的最下端对齐)。

align="absmiddle": 绝对中央对齐。

align="baseline": 底线对齐。

align="bottom": 底部对齐(默认)。

align="left": 左对齐。

align="middle": 中间对齐。

align="right": 右对齐。

align="texttop": 顶线对齐。

align="top": 顶部对齐。




behavior

设定滚动的方式:

alternate: 表示在两端之间来回滚动。

scroll: 表示由一端滚动到另一端,会重复。

slide: 表示由一端滚动到另一端,不会重复。

代码如下:


alternate:表示在两端之间来回滚动。

scroll:表示由一端滚动到另一端,会重复。

slide: 表示由一端滚动到另一端,不会重复。




bgcolor

设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。

代码如下:


设定活动字幕的背景颜色 bgcolor="#006699"

设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"

设定活动字幕的背景颜色 bgcolor="red"




direction

设定活动字幕的滚动方向

代码如下:


设定活动字幕的滚动方向direction="down":向下

设定活动字幕的滚动方向direction="left":向左

设定活动字幕的滚动方向direction="right":向右

设定活动字幕的滚动方向direction="up":向上




height

设定活动字幕的高度

代码如下:


设定活动字幕的高度height="500"




width

设定活动字幕的宽度

代码如下:


设定活动字幕的宽度width="500"




hspace

设定活动字幕里所在的位置距离父容器水平边框的距离

This controls the horizontal(水平)space around the display box.

代码如下:










hspace="100"




vspace

设定活动字幕里所在的位置距离父容器垂直边框的距离

This controls the vertical(垂直) space around the display box.

代码如下:


hspace="100"




loop

设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1

代码如下:


我会不停地走。



我只走两次哦




scrollamount

设定活动字幕的滚动速度,单位pixels

代码如下:


scrollamount="10"

scrollamount="20"

scrollamount="30"




scrolldelay

设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)

值大了会有一步一停顿的效果

代码如下:


scrolldelay="10"

scrolldelay="100"

scrolldelay="1000"

Tags:向右滚动, 向左滚动, 向下滚动, 向上滚动, marquee

说点什么吧

最新文章

最近回复

  • weriiufedb: 你的才华让人惊叹,请...
  • gcdpbnzkcb: 你的文章充满了智慧,...
  • sswwwihgux: 你的才华让人惊叹,请...
  • haxtmtbzke: 你的文章充满了智慧,...
  • 棋子: 我忽然间意识到,只所...
  • Mr.Chou: 虽然是南方人但面食我...

链接

文章 RSS / 评论 RSS / 归档 / 友链 / 头盔 / Typecho
© 2024 Kison.cn Web site operation
creative commons license