跑马灯（极简版）

主要参数

behavior：设定滚动的方式

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

direction：设定活动字幕的滚动方向

• down/left/right/up

loop：设定滚动的次数

• 当loop=-1表示一直滚动下去，默认为-1

scrollamount：设定活动字幕的滚动速度，单位pixels

scrolldelay：设定活动字幕滚动两次之间的延迟时间，单位millisecond（毫秒）

hspace：设定活动字幕里所在的位置距离父容器水平边框的距离

vspace：设定活动字幕里所在的位置距离父容器垂直边框的距离

bgcolor：设定活动字幕的背景颜色

width/height：设定活动字幕的高度

align：设定marquee标签内容的对齐方式

• absbottom：绝对底部对齐（与g、p等字母的最下端对齐）
• absmiddle：绝对中央对齐
• baseline：底线对齐
• bottom：底部对齐（默认）
• left：左对齐
• middle：中间对齐
• right：右对齐
• texttop：顶线对齐
• top：顶部对齐

<marquee behavior="scroll" 
	direction="down" 
	onMouseOut="this.start()" 
	onMouseOver="this.stop()" 
	bgcolor="pink" 
	width="150"
	height="400"
	scrollamount="40">独立寒秋，湘江北去，橘子洲头。
看万山红遍，层林尽染；漫江碧透，百舸争流。
鹰击长空，鱼翔浅底，万类霜天竞自由。
怅寥廓，问苍茫大地，谁主沉浮？
携来百侣曾游。忆往昔峥嵘岁月稠。
恰同学少年，风华正茂；书生意气，挥斥方遒。
指点江山，激扬文字，粪土当年万户侯。
曾记否，到中流击水，浪遏飞舟？</marquee>

效果图

关注不迷路，只分享有用的纯干货，技术交流请直接加我拉你入群。