marquee标签_html滚动文字

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

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

marquee标签的属性设置

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

direction：设置文字的滚动方向

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

behavior：设置文字的滚动方式

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

scrollamount：设置文字的滚动速度

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

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

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

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

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

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

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

marquee loop="-1"：无限循环滚动，默认值；marquee loop="5" ：文字在滚动完5次后停止滚动；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﹥