走马灯代码<marquee>的用途比较广泛,在这里对代码作详细讲解


1、插入代码的方法:

选中要作走马灯运动的内容(包括文字和图片),执行“插入”->“标签”,打开标签选择器,作下图的选择后,点插入即可。

相关走马灯的参数,可打开右边的标签面板作详细设置。

2、主要参数设置:

align:位置,居左(left)、居中(middle)、居右(right)、靠上(top)、靠下(bottom)等。

Bgcolor:背景颜色,可以使用英文的单词也可以是十六进制数的。

Direction:滚动方向,向左(left)、向右(right)、向上(up)、向下(down)。

Behavior:滚动的方式,有三种方式:

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

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

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

Height:高度。

Width:宽度。

Hspace和Vspace:左右边框和上下边框的宽度。

Scrollamount:滚动距离,值越小,滚动的速度就越快。

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

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

3、示例

例1:

看我走的好慢!

代码: <marquee Hspace=6 Scrollamount=2 Width=300 Height=20 Bgcolor=red Scrolldelay=3>看我走的好慢!</marquee>

例2:

看我走的好快!

代码: <marquee Scrollamount=5 Width=300 Height=20 Bgcolor=red Scrolldelay=8>看我走的好快!</marquee>

例3:

看我两边跑,疯了

代码: <marquee Scrollamount=30 Width=300 Height=20 Bgcolor=red Behavior=Alternate Scrolldelay=2>看我两边跑,疯了</marquee>

例4:

看我变了颜色!

代码: <marquee scrollamount=3 width=300 height=20 bgcolor=yellow>看我变了颜色!</marquee>

例5:

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

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

5、增加鼠标控制功能

例:

鼠标经过我就停,鼠标离开我就走!

<marquee bgcolor="#FFFFFF" onmouseover="this.stop()" onmouseout="this.start()" Scrollamount=6 Width=600 Height=20 Scrolldelay=3>鼠标经过我就停,鼠标离开我就走!</marquee>