在许多网站中，都会包含滚动文字的特效，这些特效也可以称为走马灯特效，比如一些网站中的新闻公告。本实例将介绍如何在网页中实现滚动文字。运行本实例，如图1所示，将从网页的下方向上逐渐出现滚动的文字信息。
实现滚动文字的特效，主要是在页面中应用<marquee>标签。该标签专门用于实现文字或图片的滚动效果，其常用属性如下表所示
<marquee>标签的属性及说明
|
颜色和背景属性 |
说明 |
|
align |
滚动内容的对齐方式：top（顶端对齐）、middle（居中对齐）、bottom（向下对齐） |
|
direction |
滚动的方向：up（向上）、down（向下）、left（向左）、right（向右） |
|
behavior |
滚动的方式：scroll（循环滚动）、slide（一次滚动）、alternate（交替滚动） |
|
loop |
循环滚动的次数，取值为-1或Infinite表示无限次滚动 |
|
scrollamount |
滚动的速度，单位为像素，值越大滚动速度越大 |
|
scrolldelay |
两次滚动的间隔时间 |
|
width |
滚动区域的宽度，单位为像素或以百分比形式表示 |
|
height |
滚动区域的高度 |
|
bgcolor |
滚动区域的背景颜色 |
|
hspace |
滚动区域与浏览器边界的水平距离 |
|
vspace |
滚动区域与浏览器边界的垂直距离 |
事例代码如下：
创建index.htm页面，在该页中的适当位置，将要滚动内容添加到<marquee>标签中，然后通过设置<marquee>标签的相关属性来自定义滚动的显示效果，关键代码如下：
<marquee direction="up" onMouseOver="this.scrollAmount='1'" onMouseOut="this.scrollAmount='2'" onMouseDown="this.scrollAmount='4';this.direction='down'"onMouseUp="this.scrollAmount='1';this.direction='up'" scrollAmount="2" height="291">
<table cellspacing="2" cellpadding="0" border="0" width="100%" align="center">
<tr>
<td height="30" style="color:yellow;font-size:10pt;font-weight:bold;">
<a href="#">柯南柯南柯南</a>
</td>
</tr>
<tr>
<td height="20" align="right" >公布时间:2016-05-01 </td>
</tr>
<tr>
<td height="30" style="color:yellow;font-size:10pt;font-weight:bold;">
<a href="#">某某网站</a>
</td>
</tr>
<tr>
<td height="20" align="right" > 公布时间:2016-05-1 </td>
</tr>
</table>
</marquee>