重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
今天就跟大家聊聊有关如何在jQuery中使用jpaginate分页插件,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。
创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站设计、做网站、隆子网络推广、小程序开发、隆子网络营销、隆子企业策划、隆子品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供隆子建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
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); } });
看完上述内容,你们对如何在jQuery中使用jpaginate分页插件有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。