该笔记记录 <marquee> 标签,跑马灯除了使用js实现,还可以使用 marquee标签,自带跑马灯效果。(marquee已经
Obsolete了,但是它很好用)
基本用法
<!-- marquee是块元素,直接在其内部放入要滚动的文字即可,字体样式通过 其属性控制 -->
<!-- marquee内部除了是纯文字,还可以是 其他行内元素(比如<a>标签) -->
<marquee>滚动的文字</marquee>
1、左右弹来弹去的跑马灯
<marquee width=400 behavior=alternate direction=left align=middle>弹来弹去跑马灯!</marquee>
实现的方法就是在IE的标签上稍微多加了几个参数产生了更加丰富的变化。设置behavior=alternate表示双向移动,
direction= left表示运动方向向左。marquee的宽度可以使用绝对象素值,例如width=200等这个值限定了跑马灯滚动的范围。
需要说明的是该效果在 Netscape下是看不到的。
2、跑的很快的跑马灯
<marquee behavior=alternate direction=left align=middle scrollamount=25>跑的很快的跑马灯!</marquee>
只要在<marquee>标签后面加上“scrollamount=15”即可,修改=后边的数字参数即可限制文字移动的速度。
3、带有超级链接的跑马灯
实现的方法很简单,把整个<marquee></marquee>语句包含在超链接中就行
尽管<marquee>参数不少,但毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯。