HTML跑马灯

在工作中，遇到了一个需求，需要在底部实现一个跑马灯效果的友情链接，最初想的是利用JS实现效果，后来得知可直接只用HTML标签实现该效果，着实简单了许多。

<!--最基本的跑马灯效果实现-->
		<marquee>最基本的跑马灯效果实现</marquee>
		<br /><br /><br />
		
		<!--左右弹动的跑马灯效果-->
		<marquee width=400 behavior=alternate direction=left align=middle>左右弹的跑马灯效果实现</marquee>
		<br /><br /><br />
		
		<!--带超链接的跑马灯效果-->
		<marquee scrollamount=2>
			<a href="#">带超链接的跑马灯一</a>
			<a href="#">带超链接的跑马灯二</a>
		</marquee>
		<br /><br /><br />
		
		<!--图片跑马灯效果-->
		<marquee>
			<img src="img/all/link2.jpg"/>
		</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	跑马灯文字加粗

转载地址：

http://blog.csdn.net/xj626852095/article/details/42173865