marquee标签_html滚动文字

链接

marquee标签可以让我们在网页中编写的文字动起来，不论是上下滚动还是左右滚动都可以通过marquee标签中的属性来设置。语法：﹤marquee﹥需要被滚动的文字﹤/marquee﹥请看以下效果：

需要被滚动的文字

默认下marquee标签中的内容是从左到右滚动的，当然也可以通过marquee标签中的属性来控制不同的滚动方式。marquee标签是块级元素，这就说明它自带了宽高属性，通过CSS样式也能为它规定宽高，同时还能设置标签里面的字体大小、颜色、行高等效果。

marquee标签的属性设置

1. marquee width="像素值" ：设置marquee标签的宽度；
2. marquee height="像素值" ：设置marquee标签的高度；
3. marquee hapace="像素值" ：设置marquee标签的水平间距；
4. marquee vspace="像素值" ：设置marquee标签的垂直间距；
5. marquee bgcolor="颜色值"：设置marquee标签的背景颜色；
6. marquee style="规定样式"：设置marquee标签的CSS样式；

direction：设置文字的滚动方向

1. marquee direction="up"  ：从下往上滚动；
2. marquee direction="down" ：从上往下滚动；
3. marquee direction="left" ：从右往左滚动；默认值；
4. marquee direction="right"：从左往右滚动；

behavior：设置文字的滚动方式

1. marquee behavior="side" ：只滚动一次就停止；
2. marquee behavior="srcoll"：循环滚动；默认值；
3. marquee behavior="alternate"：来回滚动；如果让文字上下来回滚动，需给marquee元素一个高度；

scrollamount：设置文字的滚动速度

通过scrollamount属性设置滚动文字速度，属性值以数字代表，数值越大滚动越快，反之越慢。

1. marquee scrollamount="1" ：非常慢；
2. marquee scrollamount="5" ：速度一般；
3. marquee scrollamount="10"：速度较快；
4. marquee scrollamount="80"：非常快；

scrolldelay：设置滚动文字延迟时间

通过scrollamount属性设置滚动文字的延迟时间，属性值以数字代表，数值越大延迟越长，反之越短。

1. marquee scrollamount="10" ：延迟较短；
2. marquee scrollamount="50" ：延迟一般；
3. marquee scrollamount="100"：延迟较长；

loop：设置滚动文字循环次数

默认下滚动文字会无限循环的滚动，通过loop属性可以让文字在滚动完规定的次数后停止滚动。

1. marquee loop="-1"：无限循环滚动，默认值；
2. marquee loop="5" ：文字在滚动完5次后停止滚动；
3. marquee loop="50"：文字在滚动完50次后停止滚动；

通过以上属性，使用marquee标签来设置一个完整的滚动元素，其中宽度为600像素；高度40像素；背景颜色草绿色；滚动文字从左往右；滚动方式默认循环；滚动速度5；marquee元素垂直间距上下各10像素；代码如下：

﹤marquee width="600px" height="40px" bgcolor="#99FF66" direction="right" scrollamount="5" vspace="10"﹥html滚动文字 ﹤/marquee﹥