Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jQuery 插件  >  正文 jQuery 分页插件 jqPagination

jQuery 分页插件 jqPagination

发布时间:2014-04-17   编辑:www.jquerycn.cn
jqPagination 是一个简单易用的轻量级 jQuery 分页插件,其使用了 HTML5 和 CSS3 技术来实现。此插件提供了几个参数设置选项,通过简单的配置即可生成分页控件。此外,它的外观样式是可自定义的,扩展性很强。 使用方法: 添加 jQuery 类库、jqPagination 插件的 JS 和 CSS 文件 <link rel="stylesheet" href="jqpaginat...
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 分页插件 jqPagination
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
jQuery分页插件 jQuery Pagination
jQuery表格分页插件 Table Pagination
内容分页插件 Sausage
jQuery ScrollPagination
jQuery的分页插件 Smart Paginator
JQuery Pager Plugin
jQuery分页插件 jPaginate
带滑动条的jQuery分页插件 jPaginator

上一篇:Dilbert 下一篇:jQuery双日历 Date Range Picker
[关闭]