走马灯代码<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>