zoukankan      html  css  js  c++  java
  • jQuery 分页kkpager

    github地址:https://github.com/pgkk/kkpager(也可以用来查看参数)

    首先需要在GitHub上下载文件引入css,js

    <link href="./pagesrc/kkpager_orange.css" rel="stylesheet" />//记得把css放到head里
    <script src="./pagesrc/kkpager.js"></script>
     
    其次body里
    <div id="kkpager"></div>
     
    然后js
    var page = 1
    kkpager.generPageHtml({
           pno: page,
      total: '10',//总页码  
           totalRecords: '10',//总数据条数  
           hrefFormer: '1',//链接前部  
           hrefLatter: '2',//链接尾部  
           isShowFirstPageBtn: true, //是否显示首页按钮
           isShowLastPageBtn: true, //是否显示尾页按钮
           isShowPrePageBtn: true, //是否显示上一页按钮
           isShowNextPageBtn: true, //是否显示下一页按钮
           isShowTotalPage: true, //是否显示总页数
           isShowCurrPage: false,//是否显示当前页
           isShowTotalRecords: false, //是否显示总记录数
           isGoPage: false,    //是否显示页码跳转输入框
           isWrapedPageBtns: false,    //是否用span包裹住页码按钮
           isWrapedInfoTextAndGoPageBtn: false, //是否用span包裹住分页信息和跳转按钮
           mode: 'click', //link:跳链接  click:点击
           click: function (n) {
                    this.selectPage(n);
            }
            }, true);
  • 相关阅读:
    Windows下建立FTP服务器站点
    Markdown语法指南
    Win7系统修改hosts无法保存怎么办?
    PHP 7 错误处理 Error
    strtotime 的 BUG
    三角箭头 css实现
    关于 layer.open 动态赋值不了的问题
    layui layer.open弹出框获取不了 input框的值
    webhook 自动部署代码
    lnmp 命令 及其 TP5 部署遇到的一些问题
  • 原文地址:https://www.cnblogs.com/mcll/p/11858723.html
Copyright © 2011-2022 走看看