
jQuery分页条下载地址:https://www.jb51.net/jiaoben/589208.html
1、在前台HTML页引入js以及css文件
- <script src="~/js/jquery-3.3.1.js"></script>
- <script src="~/js/jqPaginator.js"></script>
- <link href="~/css/page.css" rel="stylesheet" />
2、在body中创建一个ul标签
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <title></title>
- </head>
- <body>
- <div>
- <ul id="ul" class="pagination"></ul>
- </div>
- </body>
- </html>
3、编写javascript代码
- <script>
- $(function () {
- $.jqPaginator('#ul', {
- totalPages: 100,//总页数
- pageSize:5,//每页条数
- currentPage: 1,//当前页
- first: '<li class="first"><a href="javascript:;">首页</a></li>',
- prev: '<li class="prev"><a href="javascript:;">上一页</a></li>',
- next: '<li class="next"><a href="javascript:;">下一页</a></li>',
- last: '<li class="last"><a href="javascript:;">尾页</a></li>',
- page: '<li class="page"><a href="javascript:;">{{page}}</a></li>',
- onPageChange: function (num, type) {
-
- }
- });
- })
- <script>
评价
排名
3
文章
317
粉丝
22
评论
14
.NET MVC json对象或者json对象数组的序列化和反序列化(二)
剑轩 : 我也觉得ok
.NET MVC json对象或者json对象数组的序列化和反序列化(一)
是伍尚金哇 : nice
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:
50010702506256


欢迎加群交流技术