实现跑马灯的方法很多,其中最简单的是采用一句Html代码来实现,我们在需要出现跑马灯效果的地方插入“<marquee>滚动的文字</marquee>”语句,它的效果如下所示:
参数 | 用法介绍 |
behavior=scroll, slide, alternate | 跑马方式:循环绕行,只跑一次就停住,来回往复运动 |
direction=left,right | 跑马方向:从左向右,从右向左 |
loop=100 | 跑马次数:循环100次,如不写默认为一直循环 |
width=100%,height=200 | 跑马范围:宽为100%,高为200像素 |
scrollamount=20 | 跑马速度:数越大越快 |
scrolldelay=500 | 跑马延时:毫秒数,利用它可实现跃进式滚动 |
hspace=20,vspace=20 | 跑马区域与其它区域间的空白大小 |
bgcolor=#00FFCC | 跑马区域的背景颜色 |
face=楷体_GB2312 | 跑马灯文字字体 |
color=#ff0000 | 跑马灯文字颜色 |
size=3 | 跑马灯文字字号 |
STRONG | 跑马灯文字加粗 |
你已经看到,尽管<marquee>参数不少,但毕竟不能实现复杂的和自定义的特殊跑马灯效果,而且还有浏览器限制,所以我们更多情况下会采用JavaScript来实现跑马灯。