码迷,mamicode.com
首页 > Web开发 > 详细

jquery 无缝滚动 jquery.kxbdmarquee

时间:2014-04-30 17:04:03      阅读:564      评论:0      收藏:0      [点我收藏+]

标签:com   http   class   div   code   java   c   javascript   tar   t   width   

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

jquery 无缝滚动 jquery.kxbdmarquee

标签:com   http   class   div   code   java   c   javascript   tar   t   width   

原文地址:http://www.cnblogs.com/tttlan/p/3699394.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!