首页 > 代码库 > jquery 无缝滚动 jquery.kxbdmarquee

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)