主要参数
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>
效果图
关注不迷路,只分享有用的纯干货,技术交流请直接加我拉你入群。