zoukankan      html  css  js  c++  java
  • 一个强大的jquery分页插件

    点击这里查看效果

    这个分页插件使用方便,引用keleyidivpager.js和keleyidivpager.css文件,然后在htm(或者php,aspx,jsp等)页面中对分页总数,参数名,前缀后缀等进行设置就可以了

    以下是源代码:

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4 <title>一个强大的jquery分页插件-柯乐义</title>
     5 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script>
     6 <link href="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.css" type="text/css" rel="Stylesheet" />
     7 </head>
     8 <body>
     9 <div><h2>分页插件·柯乐义</h2><a href="http://keleyi.com/a/bjac/0xusjq8m.htm" target="_blank">原文</a></div>
    10 <script type="text/javascript" src="http://keleyi.com/keleyi/phtml/jqtexiao/14/keleyidivpager.js"></script>
    11 <div id="div_pager">
    12 </div>
    13 <script type="text/javascript">
    14 var totalPage = 20;
    15 var totalRecords = 390;
    16 var pageNo = getParameter('p'); //这里设置参数名(柯 乐 义 注 释)
    17 if (!pageNo) {
    18 pageNo = 1;
    19 }
    20 //生成分页控件 根据分页的形式在这里设置
    21 kkpager.init({
    22 pno: pageNo,
    23 //总页码
    24 total: totalPage,
    25 //总数据条数
    26 totalRecords: totalRecords,
    27 //链接前部
    28 hrefFormer: 'keleyidivpager',
    29 //链接尾部
    30 hrefLatter: '.htm',
    31 getLink: function (n) {
    32 return this.hrefFormer + this.hrefLatter + "?p=" + n; //参数名跟上面相同
    33 }
    34 });
    35 kkpager.generPageHtml();
    36 </script>
    37 </body>
    38 </html>

    转载自:http://keleyi.com/a/bjac/0xusjq8m.htm

    web前端:http://www.cnblogs.com/jihua/p/webfront.html

  • 相关阅读:
    替换Srun3000解决掉网问题
    了解Equals所发生的事情
    WPF自定义TextBox及ScrollViewer
    自制多类编码转换工具
    .NET4.5之自制多LRC转SRT小工具
    JAVA_list总结
    记一次线程Timer导致的线程安全问题修正
    JAVA_匿名内部类
    JAVA_map总结
    JAVA_闭包
  • 原文地址:https://www.cnblogs.com/jihua/p/jquerypager.html
Copyright © 2011-2022 走看看