jqPageNavigaterjQuery 分页插件
jqPageNavigater
首先要说明的是,这插件本来是写给自己玩的,所以代码质量什么的是很渣的...各位大神别喷呀
这是一个简单的jQuery 分页栏,没有实现很多的功能,样式也很简单,实现自定义比较方便,默认给了几个例子。如果你只是想要一个简单的分页组件,那可能这个就适合你。
如果哪里写得不好,可以改进的地方,欢迎各位大神指导小弟改进
使用:
1. 导入相关文件
<script type="text/javascript" src="../JS/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="../JS/jqPageNavigater.js"></script> <link rel="stylesheet" type="text/css" href="../CSS/jqPageNavigater.css" />2.添加一个div作为分页栏容器
<div class="pageNavigater"></div>3.实现分页
$(".pageNavigater").pageNavigater({ pageNo:'15',//代表当前页码,可以自行更改测试效果 pageSize:'5', //每页展示多少数据 paginationSize:7,//分页导航栏的长度 totalNum:'100', //总共有多少数据 callback:function(pageNo) { //回调函数 alert("this is page"+pageNo); } });
样式也很简单,想要什么就自定义。
@CHARSET "UTF-8"; .btn_page{ /*页码样式*/ text-decoration:none; margin-right: 8px; } .current_page{ /*当前页码样式*/ text-decoration:none; margin-right: 8px; } .prevPage{ /*上一页样式*/ } .lastPage{ /*尾页样式*/ } .firstPage { /*首页样式*/ } .nextPage{ /*下一页样式*/ }
评论
jquery.honey.paginationjQuery 分页插件
jquery.honey.pagination是一个jQuery的分页插件。使用方法:<!DOCTYPE html><html><head> <meta c
jquery.honey.paginationjQuery 分页插件
0
bootstrap-paginatorJavaScript 分页插件
BootstrapPaginator一款基于Bootstrap的js分页插件,功能很丰富,可以简化Bootstrap分页组件。它提供了一系列的参数用来支持用户的定制,提供了公共的方法可随时获得插件状态
bootstrap-paginatorJavaScript 分页插件
0
Mybatis_PageHelperMyBatis 分页插件
Mybatis分页插件-PageHelper如果你也在用Mybatis,建议尝试该分页插件,这一定是最方便使用的分页插件。该插件目前支持以下数据库的物理分页:OracleMysqlMariaDBSQL
Mybatis_PageHelperMyBatis 分页插件
0
jPaginatejQuery分页插件
jPaginate是一个比较奇特的jQuery分页插件。当用户点击页码或鼠标移到箭头时,页码会向前或向后滚动。在线演示:http://runjs.cn/detail/oz5wce5c
jPaginatejQuery分页插件
0
jquery.honey.paginationjQuery 分页插件
jquery.honey.pagination 是一个 jQuery 的分页插件。使用方法:<
jquery.honey.paginationjQuery 分页插件
0
Mybatis_PageHelperMyBatis 分页插件
Mybatis分页插件 - PageHelper如果你也在用Mybatis,建议尝试该分页插件,这一
Mybatis_PageHelperMyBatis 分页插件
0