首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

走马灯代码讲授

2012-10-30 
走马灯代码讲解marquee的用途比较广泛,在这里详细讲解一下.主要参数设置:align:是设定活动字幕的位置,除

走马灯代码讲解



<marquee>的用途比较广泛,在这里详细讲解一下.
主要参数设置:

align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。

Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。

Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。

Behavior:用于设定滚动的方式,主要由三种方式:

behavior="scroll"表示由一端滚动到另一端;默认为此项

behavior="slide":表示由一端快速滑动到另一端,且不再重复;

behavior="alternate"表示在两端之间来回滚动。

Height:用于设定滚动字幕的高度。

Width:则设定滚动字幕的宽度。

Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度.

Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。

scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。

Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。其中默认情况是向左滚动无限次,字幕高度是文本高度;滚动

范围:水平滚动的宽度是当前位置的宽度;垂直滚动的高度是当前位置的高度。

示例1:

看我走的好慢!

代码: <marquee Hspace=6 scrollamount=3 width=200 height=10 bgcolor=red scrolldelay=3>看我走的好慢!</marquee>

示例2:

看我走的好快!
代码: <marquee scrollamount=5 width=200 height=10 bgcolor=red scrolldelay=8>看我走的好快!</marquee>

示例3:

看我两边跑,疯了

代码: <marquee scrollamount=30 width=200 height=10 bgcolor=red behavior=alternate scrolldelay=2>看我两边跑,疯了</marquee>

示例4:

看我变了颜色!

代码: <marquee scrollamount=3 width=200 height=10 bgcolor=red><font size=2pt>看我变了颜色!</font></marquee>

示例5:

我是向上走的,
我是向上走的,
我是向上走的,
我是向上走的,
我是向上走的,

代码: <marquee scrollamount=2 width=120 height=220 bgcolor=red Direction=up >我是向上走的,<br>我是向上走的,<br>我是向上走的,<br>我是向上走的,<br> 我是向上走的,<br> </marquee>

基本写法如下:

<html>
<head>
<title>
字幕标签
</title>
</head>
<body>
<p align=center><marquee Hspace=6 scrollamount=3 width=200 height=10 bgcolor=red scrolldelay=3><font color=#ffpp66 size=10pt>看我走的好慢!<font></marquee></p>
</html>

把它保存为html格式自己调试一下里面的各个属性,看不同值会出现什么不同的效果.的要注意的是各项属性写在开始<marquee>里面,每一项属性用空白键隔开,align这一项一定要用在段落里面,否则不会起作用.

热点排行