脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery分页插件jqPagination

jQuery插件分享之分页插件jqPagination

 更新时间：2014年06月06日 11:31:04   作者：  
jqPagination 是一个简单易用的轻量级 jQuery分页插件，其使用了 HTML5 和 CSS3 技术来实现。此插件提供了几个参数设置选项，通过简单的配置即可生成分页控件。此外，它的外观样式是可自定义的，扩展性很强。

使用方法：

添加 jQuery 类库、jqPagination 插件的 JS 和 CSS 文件

复制代码 代码如下:

<link rel="stylesheet" href="jqpagination.css"/>
<script src="jquery-1.6.2.min.js"></script>
<script src="jquery.jqpagination.min.js"></script>

再需要如下HTML

复制代码 代码如下:

<div class="pagination">
  <a href="#" class="first" data-action="first">&laquo;</a>
  <a href="#" class="previous" data-action="previous">&lsaquo;</a>
  <input type="text" readonly="readonly" data-max-page="40" />
  <a href="#" class="next" data-action="next">&rsaquo;</a>
  <a href="#" class="last" data-action="last">&raquo;</a>
</div>

最后初始化插件

复制代码 代码如下:

$('.pagination').jqPagination({
  link_string : '/?page={page_number}',
  current_page: 5, //设置当前页 默认为1
  max_page : 40, //设置最大页 默认为1
  page_string : '当前第{current_page}页,共{max_page}页',
  paged : function(page) {
      //回发事件。。。
      }
});

您可能感兴趣的文章:

相关文章

  • JQuery入门——事件切换之toggle()方法应用介绍

    JQuery入门——事件切换之toggle()方法应用介绍

    在toggle()方法中，可以依次调用N个指定的函数，直到最后一个函数，然后重复对这个函数轮番调用,在函数之间切换调用的时候相当的方便,接下来将会详细介绍toggle()方法的使用，感兴趣的你可不要错过了啊
    2013-02-02
  • 轮播的简单实现方法

    轮播的简单实现方法

    下面小编就为大家带来一篇轮播的简单实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • jquery实现带缩略图的全屏图片画廊效果实例

    jquery实现带缩略图的全屏图片画廊效果实例

    这篇文章主要介绍了jquery实现带缩略图的全屏图片画廊效果,实例分析了jquery带缩略图的全屏效果图片实现技巧,并附有完整的源码下载,需要的朋友可以参考下
    2015-06-06
  • JQuery 进入页面默认给已赋值的复选框打钩

    JQuery 进入页面默认给已赋值的复选框打钩

    这篇文章主要介绍了JQuery 进入页面默认给已赋值的复选框打钩的实现代码，非常不错，具有参考借鉴价值，需要的朋友参考下吧
    2017-03-03
  • jQuery的Read()方法代替原生JS详解

    jQuery的Read()方法代替原生JS详解

    众所周知在jQuery中ready方法在DOM完全下载后立即执行其中的代码。因为它是等所有的DOM元素都加载完毕，才执行给定的函数，所以你能确定那些试图操作和访问元素节点的方法都能被执行。而这篇文章给大家介绍的是如何用jQuery的Read()方法代替原生JS，下面来一起看看。
    2016-11-11
  • jquery延迟加载外部js实现代码

    jquery延迟加载外部js实现代码

    为了提高加载速度，有个想法就是推迟外部JS加载，有兴趣的朋友可以参考下，接下来详细介绍实现方法
    2013-01-01
  • 7款吸引人眼球的jQuery/CSS3特效实例分享

    7款吸引人眼球的jQuery/CSS3特效实例分享

    jQuery和CSS3对于web前端开发肯定用得也比较多，接下来分享一些由jQuery和CSS3制作成的特效，希望对哪些喜欢学习特效的朋友有所帮助
    2013-04-04
  • 浅谈jquery页面初始化的4种方式

    浅谈jquery页面初始化的4种方式

    本文介绍了Jquery页面初始化的4种方式的实例代码，需要的朋友可以看下
    2016-11-11
  • 随鼠标上下滚动的jquery代码

    随鼠标上下滚动的jquery代码

    随鼠标上下滚动，在某些时候需要类似的效果，下面有个不错的示例可以实现此效果，需要的朋友可以参考下
    2013-12-12
  • jquery mobile事件多次绑定示例代码

    jquery mobile事件多次绑定示例代码

    这种绑定方法会在整个document每pageinit一次,就对xxx进行的某一事件进行绑定,而pageinit事件什么时候会触发，感兴趣的朋友可以了解下
    2013-09-09

最新评论