跑马灯标签<marquee>

<marquee>标签：

期初是为了实现天气信息在页面上的滚动问题，使用了css3中animation方法，但是由于滚动内容的长度会随内容变化，所以要不断改变滚动的长度和时间，比较麻烦。

 

然后看到了<marquee>标签，标签可以自己根据内容自己变化动画长度的播放效果。

属性：

align：{

设定<marquee>标签内容的对齐方式

absbottom：绝对底部对齐（与g、p等字母的最下端对齐）

absmiddle：绝对中央对齐

baseline：底线对齐

bottom：底部对齐（默认）

left：左对齐

middle：中间对齐

right：右对齐

texttop：顶线对齐

top：顶部对齐

}，

behavior{//滚动方式

alternate： 表示在两端之间来回滚动。

scroll： 表示由一端滚动到另一端，会重复。

slide：      表示由一端滚动到另一端，不会重复。

},

bgcolor{//背景颜色

#ffffff，

rgb（），

”red“

},

direction{//内容滚动的方向

down,

up,

left,

right

},

loop{

-1:无限次,

1,2,3,4,5...次数

}，

scrolldelay{//延迟时间

1000//毫秒

}，

scrollamount{//播放速度

20

}，

onMouseOut=this.start() .....鼠标移出状态滚动

onMouseOver=this.stop() .....鼠标经过时停止滚动

使用方法如下

<marquee onMouseOut=this.start()>移出时滚动