网页文字滚动marquee

来源：互联网发布：windows loader中文版编辑：程序博客网时间：2024/05/01 21:14

　网页中的marquee对象，可以用来制作滚动字幕，下面，给大家详细介绍该对象的参数及实例。

　　一、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>这里输入滚动的文字内容</marquee>，代码是不是很少？

　　2、垂直滚动

　　只要加上diriction="up"就行了，如<marquee direction="up" >这里输入滚动的文字内容</marquee>。

　　3、多行文本的活动字幕

　　由于<mqrquee>标记只能作用于一段文本，因此多行活动字幕，分行时只能用<br>标记，不能用<p>标记。

　　示例源代码：

　　<marquee>
　　活动字幕内容第一行<br>
　　活动字幕内容第二行<br>
　　活动字幕内容第三行<br>
　　</marquee>

　　4、在字幕内容中加入图象

　　<marquee>虽是一个活动字幕标记，但它允许在其中加入图象。下面是一个加入了图片的代码：　<marquee><img src="image/a2ball.gif" width="17" height="16">这是加入图象的活动字幕</marquee>

　　5、在Dreamweaver中使用<marquee>标记

　　Dreamweaver不能在编辑窗中直接加入marquee标记，只能在源代码中自行加入<marquee>标记，然后在编辑窗中编辑活动字幕的内容即可。

　　6、一个复杂的例子

　　<marquee align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" >
　　这是一个完整的参数复杂的例子
　　</marquee>

例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="left" width ="40" height="137">
郑州分部火热培训中<br />
郑州分部下期培训火热招生中<br />
郑州分部第二期学员火热实践中<br />
迅捷短信平台火热评测中
</marquee>
</div>
</body>