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

Marquee滚动总结

一、Marquee详解

1、Marquee经常用到的两个事件

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

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

2、Marquee向左滚动(缺陷不能实现无缝滚动)

<marguee scrollAmount=3  width=900 style="color:#FF0000;font-size:12px; align="texttop" height="14">第二期网上开店免费培训课程将在经七纬一济南日报大厦20楼会议室举行,如果你想通过网络实现创业梦想请拨打咨询电话:0531-82886496预约课程! "；

3、向上滚动

例子：<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
这是一个完整的例子
</marquee>

（1）align:设定<marquee>标签内容的对齐方式

absbottom:绝对底部对齐

absmiddle:绝对中央对齐

baseline:底线对齐

bottom:底部对齐

left:左对齐

middle:中间对齐

right:右对齐;

texttop:顶线对齐

top:顶部对齐

指整个Marquee对齐方式;

(2)behavior:设置滚动的方式：

scroll：表示由一端滚动到另一端，会重复,缺陷是不能无缝滚动。

slide:表示由一段滚动到另一端，不会重复.

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

（3）bgcolor:设定活动字幕的背景颜色，背景颜色可用RGB、16进制格式或颜色名称来设定。

（4）设定活动字幕的滚动方向

设定活动字幕的滚动方向用direction属性

滚动方向分为：down、left、right、up。

（4）height、width活动字幕高度、宽度。

（5）hspace 设定活动字幕里所在的位置距离父容器水平边框的距离（增大距离向左移动）

vspace
设定活动字幕里所在的位置距离父容器垂直边框的距离(增大距离向下移动)

(6)loop设置滚动的次数默认为-1会一直滚动下去。

（7）scrollamount设置滚动字母的速度

设定活动字幕的滚动速度

（8）scrolldelay：设定活动字幕滚动的两次之间的延长时间。（单位毫秒）