JQuery实现文字无缝滚动效果示例代码(Marquee插件)

推荐一个JQuery的无缝文字滚动效果，同时也可以滚动图片，也叫做跑马灯效果。

此jquery插件，依托jquery库，能实现各种滚动效果，且让HTML代码符合W3C标准。

使用方法如下：

1、加载javascript。

rush:js;">

2、加入CSS样式。

rush:css;"> ul.marquee {display: block;line-height: 1;position: relative;overflow: hidden;width: 400px; height: 22px; } ul.marquee li {position: absolute; top: -999em;left: 0;display: block; white-space: Nowrap; padding: 3px 5px; text-indent:0.8em;}

3、HTML代码如下：

rush:xhtml;">

• [2011-10-20]
• [2011-09-20]
• [2011-10-16]

该插件提供了许多属性选项，您可以配置定制外观和效果。

jquery.marquee.js可以到官网地址下载：http://www.givainc.com/labs/marquee_jquery_plugin.htm

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。