语法:
以下是一个最简单的例子:
代码如下:
代码语言:javascript复制下面这两个事件经常用到:
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动
代码如下:
代码语言:javascript复制这是一个完整的例子:
代码如下:
代码语言:javascript复制
该标签支持的属性多达11个:
align
设定
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐
代码如下:
代码语言:javascript复制
behavior
设定滚动的方式:
alternate: 表示在两端之间来回滚动。
scroll: 表示由一端滚动到另一端,会重复。
slide: 表示由一端滚动到另一端,不会重复。
代码如下:
代码语言:javascript复制
bgcolor
设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。
代码如下:
代码语言:javascript复制
direction
设定活动字幕的滚动方向
代码如下:
代码语言:javascript复制
height
设定活动字幕的高度
代码如下:
代码语言:javascript复制width
设定活动字幕的宽度
代码如下:
代码语言:javascript复制hspace
设定活动字幕里所在的位置距离父容器水平边框的距离
This controls the horizontal(水平)space around the display box.
代码如下:
代码语言:javascript复制
vspace设定活动字幕里所在的位置距离父容器垂直边框的距离
This controls the vertical(垂直) space around the display box.
代码如下:
代码语言:javascript复制loop
设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1
代码如下:
代码语言:javascript复制
scrollamount
设定活动字幕的滚动速度,单位pixels
代码如下:
代码语言:javascript复制
scrolldelay
设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)
值大了会有一步一停顿的效果
代码如下:
代码语言:javascript复制
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
鼠标属性
onMouseOut=this.start() ........鼠标移出状态滚动
onMouseOver=this.stop() .........鼠标经过时停止滚动
方向
代码语言:javascript复制
代码语言:javascript复制
循环
代码语言:javascript复制
速度
代码语言:javascript复制
代码语言:javascript复制
对齐方式(Align)
代码语言:javascript复制
底色
代码语言:javascript复制Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 面积
代码语言:javascript复制
代码语言:javascript复制(Margins)
marquee的滚动属性参数
从结束,其中有很多参数,其实,朋友们还是应用得很多了,让图片滚动起来,也是经常经常应用的,下面对这个网页参数的属性做一些简单的描述;
滚动参数:
1:方向:DIRECTION
left---左(默认)
right---右
up------上
down----下
2:方式:BEHAVIOR
SCROLL -------环绕滚动(默认)
SLIDE---------滚动一次
ALTERNATE-----来回滚动
3:次数:LOOP
当LOOP=-1或LOOP=INFINITE时,则表明文字滚动是无限循环(默认)
4:速度:SCROLLDELAY
任意自然整数
5:对齐:ALIGN
TOP---------对齐上方
MIDDLE------对齐中部
BOTTOM------对齐下方
6:鼠标的划过与离开
onMouseOver=this.stop(); onMouseOut=this.start();
划过停止滚动。离开,继续滚动
有了以上参数。我们就很容易制作出一个logo图片的任意滚动方式,例如:
很容易对照出。这是一个滚动速度为120MM,从下到上碰壁即返回并对齐中间,鼠标划过图标即停止,点击图标进入〈千娇论坛〉的一个来回滚动的代码。
在背景图片上做滚动字幕
|
|
