marquee 跑马灯滚动详细解析

<marquee>滚动的内容，可以是文本，可以是img图片</marquee>

 

属性：

1.behavior　　，设置滚动的方式

　　alternate： 表示在两端之间来回滚动。
　　scroll： 表示由一端滚动到另一端，会重复。
　　slide：  表示由一端滚动到另一端，不会重复。

 

2.direction　　，设置滚动方向 ，up/down/left/right

　　direction="up"  向上滚动

 

3.loop
　　设定滚动的次数，当loop=-1表示一直滚动下去，默认为-1

 

4.scrollamount  ，设置滚动的速度

　　scrollamount="10"    

 

5.scrolldelay　　

　　每移动一小步的延迟时间，单位（毫秒）

　　scrolldelay="100"

 

6.width/height/bgcolor

　　设置marquee 的宽、高、背景色

 

7. hspace / vspace

　　hspace  左右方向marquee的外边距 。相当于同时加上 margin-left 和 margin-right

　　vspace  垂直方向marquee的外边距 。相当于同时加上 margin-top 和 margin-bottom

 

//onmouseover="this.stop();" 鼠标悬停时滚动暂停 ，
//onmouseout="this.start();" 鼠标离开时继续滚动
<marquee behavior="alternate" scrolldelay="30" direction="left" width="500" height="50" bgcolor="#059" hspace="100" 
onmouseover="this.stop();"  onmouseout="this.start();">
　　滚动字幕

</marquee>