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