jquery 无缝滚动 jquery.kxbdmarquee

时间:2014-04-30 17:04:03   收藏:0   阅读:564

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)
 

jquery 无缝滚动 jquery.kxbdmarquee,码迷,mamicode.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!