首页 > Web开发 > 详细

超好用的一个JQUERY分页器-jpaginate

时间:2017-04-22 17:10:05      阅读:143      评论:0      收藏:0      [点我收藏+]

jpaginate是一个自带滑动动画效果的jQuery分页插件,用户可以通过单击或只是悬停在箭头上的使页码滑动显示。

你可以用下面的方式调用插件:

$(elementID).paginate()

 

您可以通过一下属性来配置插件:

count:页面总数
start:默认选中页码
display:可见页码数量
border:边框(true/false)
border_color:边框颜色:
text_color:文本的颜色/号码
background_color:背景颜色
border_hover_color:边框悬停时颜色
text_hover_color:文本悬停时颜色
background_hover_color:背景悬停时颜色
images:箭头的背景图片(true/false)
mouse:鼠标拿下的动画效果(press/slide)
onChange:当点击一个网页。作为参数,单击“单击”的页面的数目可以被使用。

 

来个直接点的代码,更容易看。

$("#pagination0").paginate({
    count                 : 50,            
    start                 : 1,        
    display                 : 7,        
    border            : false,    
    text_color          : ‘#888‘,    
    background_color        : ‘#EEE‘,    
    text_hover_color      : ‘black‘,    
    background_hover_color    : ‘#CFCFCF‘,    
    rotate              : true,        
    images            : false,     
        mouse            : ‘press‘,
    onChange             : function(page){
                    list(page-1,pageSize);
                   }
});

本站下载链接:jpaginate

 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。互联网+时代,时刻要保持学习,携手千锋PHP,Dream It Possible。

超好用的一个JQUERY分页器-jpaginate

原文:http://www.cnblogs.com/gaohj/p/6748230.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!