超好用的jQuery分页插件jpaginate用法示例【附源码下载】


Posted in jQuery onDecember 06, 2018

本文实例讲述了jQuery分页插件jpaginate用法。分享给大家供大家参考,具体如下:

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用法示例【附源码下载】

jpaginate插件源码可点击此处本站下载

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
关于jQuery库冲突的完美解决办法
May 20 jQuery
jQuery复合事件用法示例
Jun 10 jQuery
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
使用 jQuery 实现表单验证功能
Jul 05 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
Aug 04 jQuery
jQuery条件分页 代替离线查询(附代码)
Aug 17 jQuery
jQuery实现表格冻结顶栏效果
Aug 20 jQuery
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 jQuery
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
jQuery实现为动态添加的元素绑定事件实例分析
Sep 07 jQuery
jQuery实现form表单基于ajax无刷新提交方法实例代码
Nov 04 jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 #jQuery
使用jQuery动态设置单选框的选中效果
Dec 06 #jQuery
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
Dec 05 #jQuery
使用jquery模拟a标签的click事件无法实现跳转的解决
Dec 04 #jQuery
jQuery利用FormData上传文件实现批量上传
Dec 04 #jQuery
利用jquery和BootStrap实现动态滚动条效果
Dec 03 #jQuery
jQuery-ui插件sortable实现自由拖动排序
Dec 01 #jQuery
You might like
php Notice: Undefined index 错误提示解决方法
2010/08/29 PHP
PHP 转义使用详解
2013/07/15 PHP
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
PHP7移除的扩展和SAPI
2021/03/09 PHP
javascript实现的像java、c#之类的sleep暂停的函数代码
2010/03/04 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
JQuery+CSS提示框实现思路及代码(纯手工打造)
2013/05/07 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
js控制文本框输入的字符类型方法汇总
2015/06/19 Javascript
使用Raygun对Node.js应用进行错误处理的方法
2015/06/23 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
vue中实现左右联动的效果
2018/06/22 Javascript
在vue中使用express-mock搭建mock服务的方法
2018/11/07 Javascript
vue-router之实现导航切换过渡动画效果
2019/10/31 Javascript
js实现图片实时时钟
2020/01/15 Javascript
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
python语言使用技巧分享
2016/05/31 Python
浅析AST抽象语法树及Python代码实现
2016/06/06 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
python监控文件并且发送告警邮件
2018/06/21 Python
python画一个玫瑰和一个爱心
2020/08/18 Python
Python调用Windows API函数编写录音机和音乐播放器功能
2020/01/05 Python
Pytorch 实现sobel算子的卷积操作详解
2020/01/10 Python
基于Python爬取fofa网页端数据过程解析
2020/07/13 Python
Python如何绘制日历图和热力图
2020/08/07 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
CSS3模拟IOS滑动开关效果
2016/09/28 HTML / CSS
Canvas 文本转粒子效果的实现代码
2019/02/14 HTML / CSS
20世纪40年代连衣裙和复古服装:The Seamstress Of Bloomsbury
2018/07/24 全球购物
学生实习推荐信范文
2013/11/26 职场文书
法律专业应届生自荐信范文
2014/01/06 职场文书
留学推荐信中文范文三篇
2014/01/25 职场文书
党员剖析材料范文
2014/09/30 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
Html5同时支持多端sdk的小技巧
2021/11/17 HTML / CSS