marquee标签

marquee标签

语法：<marquee></marquee>

marquee的属性：

behavior  设置文本在 marquee 元素内如何滚动

behavior属性值：

• alternate：来回滚动。
• scroll：  重复滚动。
• slide：  不重复滚动。     

代码如下：

<marquee behavior=" alternate">此字幕来回滚动</marquee>
<marquee behavior="scroll">此字幕重复滚动</marquee>
 <marquee behavior="alternate">此字幕不重复滚动</marquee>

direction            设置 marquee 内文本滚动的方向，可选值：left，right，up，down（默认值为left）

代码如下：

<marquee direction="down">活动字幕的滚动方向向下</marquee>

<marquee direction="left">活动字幕的滚动方向向左</marquee>

<marquee direction="right">活动字幕的滚动方向向右</marquee>

<marquee direction="up">活动字幕的滚动方向向上</marquee>

bgcolor     通过颜色名称或十六进制值设置背景颜色

代码如下：

 <marquee bgcolor='pink'>通过颜色名称设置背景颜色</marquee>
<marquee  bgcolor='#FC5531'>通过十六进制值设置背景颜色</marquee>

width       设定活动字幕的宽度

代码如下：

<marquee width="800" bgcolor="blue">设定活动字幕的宽度</marquee>

height      以像素值设置高度

代码如下：

  <marquee height="100px" bgcolor="gold">设置高度</marquee>

hspace      设置水平边距（出现的位置距离页面边缘的距离）

代码如下：

 <marquee hspace="50px">设置水平边距</marquee>

vspace    以像素值设置垂直边距

代码如下：

<marquee bgcolor="red">第一条字幕</marquee>
<marquee bgcolor="green" vspace="50px" >设置垂直边距,我与上一条字幕之间的距离是50px。</marquee>

loop    设置 marquee 滚动的次数，默认值为 −1，表示 marquee 将连续滚动

代码如下：

 <marquee loop="-1">连续滚动</marquee>
 <marquee loop="0">连续滚动</marquee>
 <marquee loop="1">滚动一次</marquee>
 <marquee loop="2">滚动两次</marquee>

scrollamount   设置每次滚动时移动的长度（以像素为单位），默认值为 6

代码如下：

  <marquee scrollamount="20px">每次滚动式移动的距离</marquee>

scrolldelay    设置每次滚动时的时间间隔（以毫秒为单位）默认值为 85

代码如下：

<marquee scrolldelay="20" >时间间隔20毫秒</marquee>
<marquee scrolldelay="200" > 时间间隔200毫秒</marquee>
<marquee scrolldelay="2000">时间间隔2000毫秒</marquee>