使用marquee标记实现滚动字幕效果

使用marquee标记实现滚动字幕效果

使用marquee标记实现滚动字幕效果

以下是我空间的滚动字幕效果的代码：

<marquee direction=left onmouseover=this.stop() onmouseout=this.start() scrollamount=5>

<font style="FILTER: shadow(color=black); WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; font-size:20pt">

<font color=#E80017>您好！</font>

<font color=#D1002E>我是</font>

<font color=#BA0045>陈翠娥</font>

<font color=#A3005C>老师！</font>

<font color=#8C0073>欢迎</font>

<font color=#75008A>来到</font>

<font color=#5E00A1>我的</font>

<font color=#3000CF>空间</font>

<font color=#1900E6>做</font>

<font color=#0200FD>客。^-^</font></font>

</marquee>

注意：在需要滚动的文字之间我设置了很多font标记用来改变字体的颜色，使得颜色的出现有一个渐变的效果哦。在最开始的font标记中又使用了CSS嵌入样式表哦，style="FILTER: shadow(color=black); WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; font-size:20pt"，其中用到了滤镜特效，FILTER: shadow(color=black); 设置渐变阴影。

小知识：

Marquee属性详解，用于文字，图片等

ALIGN：用于按设定的值对齐滚动的文本。ALIGN可以设定的值有：LEFT，CENTER，RIGHT，TOP，BOTTOM。此属性不是必须使用的。

BEHAVIOR：可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。如果设定的方法是SLIDE，那么文本就移动到文档上，并停留在页边距上。如果设定为AlterNATE，则文本从一边移动到另一边。如果设定为SCROLL，文本将在页面上反复滚动。本属性不是必须使用的。可以设定的值有：SILIDE，AlterNATE，SCROLL。

BGCOLOR：用于设定字幕的背景颜色。背景颜色可用RGB、16进制值的格式或颜色名称来设定。

DIRECTION：用于设定文本滚动的方向，可以设定的值有：left,

right ,up ,down 。此属性不是必须使用的。

HEIGHT：用于设定滚动字幕的高度，高度可用像素或可视页面的百分比来表示。此属性不是必须使用的。

WIDTH：用于设定字幕的宽度，宽度可用像素或可视页面的百分比来表示。此属性不是必须使用的。

HSPACE：用于设定滚动字幕左右的空白空间，空白空间用像素表示。此属性不是必须使用的。

使用marquee标记实现滚动字幕效果

VSPACE：用于设定滚动字幕上下的空白空间，空白空间用像素表示。此属性不是必须使用的。

LOOP：用于设定滚动字幕的滚动次数。当LOOP的值为"INFINITE"或是"-1"时，则文字会无限制地滚动。此属性不是必须使用的。

SCROLLAMOUNT：用于设定每个连续滚动文本后面的间隔，该间隔用像素表示。此属性不是必须使用的。

SCROLLDELAY：用于设定两次滚动操作之间的间隔时间，该时间以毫秒为单位。此属性不是必须使用的。

鼠标属性

onMouseOut=this.start() ........鼠标移出状态滚动

onMouseOver=this.stop() .........鼠标经过时停止滚动

<marquee direction=left onmouseover=this.stop() onmouseout=this.start() scrollamount=5>

<font style="FILTER: shadow(color=black); WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 130%; FONT-FAMILY: 华文行楷; font-size:20pt">

<font color=#E80017>欢迎光临</font>

<font color=#D1002E> 我是</font>

<font color=#BA0045>原晓双</font>

<font color=#8C0073>欢迎</font>

<font color=#75008A>来到</font>

<font color=#5E00A1>我的</font>

<font color=#3000CF>空间</font>

<font color=#1900E6>做</font>

<font color=#0200FD>客。^-^</font></font>

</marquee>

本文来源：https://www.bwwdw.com/article/m5xe.html