jquery 无缝滚动 jquery.kxbdmarquee

DEMO

http://code.ciaoca.com/jquery/kxbdmarquee/demo/

官网

http://code.ciaoca.com/jquery/kxbdmarquee/

DOM 结构

<div id="element_id">     <ul>         <li></li>     </ul> </div> 

CSS 样式

/*   * 父容器需要设置溢出隐藏  * 如果是水平滚动，项目需要设置浮动  */ #element_id{overflow:hidden;} 

JavaScript 调用方式

$("#element_id").kxbdMarquee();

	$("#marquee4").kxbdMarquee({direction:"up",isEqual:false});

#element_id ul li{float:left;} 

名称	默认值	说明
isEqual	true	所有滚动的元素长宽是否相等。可设置为：true|false
loop	0	循环滚动次数，0时无限
direction	"left"	滚动方向。可设置为："left"|"right"|"up"|"down"
scrollAmount	1	步长(px)
scrollDelay	20	时长(ms)