手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery插件分享之分页插件jqPagination
jQuery插件分享之分页插件jqPagination
摘要:使用方法:添加jQuery类库、jqPagination插件的JS和CSS文件复制代码代码如下:再需要如下HTML复制代码代码如下:&laq...

使用方法:

添加 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>

<a href="#" data-action="first">«</a>

<a href="#" data-action="previous">‹</a>

<input type="text" readonly="readonly" data-max-page="40" />

<a href="#" data-action="next">›</a>

<a href="#" data-action="last">»</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插件分享之分页插件jqPagination】相关文章:

JQuery插件jcarousellite的参数中文说明

JQuery中DOM加载与事件执行实例分析

jQuery的Scrollify插件实现滑动到页面下一节点

jquery插件validation实现验证身份证号等

jQuery插件支持同一页面被多次调用

JQuery中DOM事件合成用法实例分析

jquery插件splitScren实现页面分屏切换模板特效

JQuery中DOM事件冒泡实例分析

jQuery构造函数init参数分析续

jQuery插件expander实现图片翻转特效

精品推荐
分类导航