超好用的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 相关文章推荐
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
jQuery+pjax简单示例汇总
Apr 21 jQuery
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
May 13 jQuery
jQuery实现可兼容IE6的滚动监听功能
Sep 20 jQuery
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 jQuery
简单易扩展可控性强的Jquery转盘抽奖程序
Mar 16 jQuery
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
jquery.pager.js实现分页效果
Jul 29 jQuery
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
jQuery实现简单弹幕效果
Nov 28 jQuery
JQuery省市联动效果实现过程详解
May 08 jQuery
jquery实现穿梭框功能
Jan 19 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入库和出库
2013/06/25 PHP
页面乱码问题的根源及其分析
2013/08/09 PHP
PHP中source #N问题的解决方法
2014/01/27 PHP
php中fsockopen用法实例
2015/01/05 PHP
基于JQuery+PHP编写砸金蛋中奖程序
2015/09/08 PHP
PDO::rollBack讲解
2019/01/29 PHP
PHP命名空间用法实例分析
2019/09/04 PHP
让你的PHP,APACHE,NGINX支持大文件上传
2021/03/09 PHP
JavaScript类库D
2010/10/24 Javascript
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
JS中图片缓冲loading技术的实例代码
2013/08/29 Javascript
JavaScript中的Truthy和Falsy介绍
2015/01/01 Javascript
JavaScript DOM操作表格及样式
2015/04/13 Javascript
js实现随机点名器精简版
2020/06/29 Javascript
[16:27]DOTA2 HEROS教学视频教你分分钟做大人-艾欧
2014/06/11 DOTA
[36:16]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.19
2020/12/24 DOTA
利用Python开发实现简单的记事本
2016/11/15 Python
Python操作mysql数据库实现增删查改功能的方法
2018/01/15 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
python利用tkinter实现屏保
2019/07/30 Python
Python3 pandas 操作列表实例详解
2019/09/23 Python
Python安装依赖(包)模块方法详解
2020/02/14 Python
Window版下在Jupyter中编写TensorFlow的环境搭建
2020/04/10 Python
浅析python 通⽤爬⾍和聚焦爬⾍
2020/09/28 Python
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果
2016/04/26 HTML / CSS
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
高三自我鉴定范文
2013/10/19 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
财务检查整改报告
2014/11/06 职场文书
司考复习计划
2015/01/19 职场文书
母亲节寄语大全
2015/02/27 职场文书
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python
js中Map和Set的用法及区别实例详解
2022/02/15 Javascript
Go 内联优化让程序员爱不释手
2022/06/21 Golang
前端传参数进行Mybatis调用mysql存储过程执行返回值详解
2022/08/14 MySQL