Jquery分页条
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: '首页 ', prev: '上一页 ', next: '下一页 ', last: '尾页 ', page: '{
{page}} ', onPageChange: function (num, type) {
} }); }) <script>

你学会了吗?
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/225215.html原文链接:https://javaforall.net
