jquery 无缝滚动 jquery.kxbdmarquee

2020-11-15 21:10

阅读:589

标签: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 结构

 id="element_id"> 
    
    > 
            
  • >
  •  
        
 
 

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,搜素材,soscw.com

jquery 无缝滚动 jquery.kxbdmarquee

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

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


评论


亲,登录后才可以留言!