超好用的一个JUQUEY分页器

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

窗体底端

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值