您的位置:首页 > Web前端 > BootStrap

分享几款基于bootstrap和jquery的分页插件

2016-08-09 22:05 609 查看
1.第一款 


jquery.pagination 定制修改版

地址:http://hooray.github.io/jquery.pagination/    github地址:https://github.com/hooray/jquery.pagination

2.第二款  


jBootstrapPage

github地址  https://github.com/wangwei123/jBootstrapPage

3,第三款

jquery.page.js。。非常简单。



效果描述:

不用分页即可显示的jQuery插件

jQuery分页插件——jQuery.page.js用法很简单,效果很棒

 

调用方法:

首先引入  jquery.min.js  网上去下载一个版本即可

引入 jquery.page.js 网上去下载。

<!-- html代码部分--将此代码嵌入到html中>
<div class="tcdPageCode"></div>

       <!--html代码部分-->

<script>

function createPage(pageCount,current) {

    $(".tcdPageCode").createPage({

        pageCount:pageCount,

        current:current,

        backFn:function(p){

        }

    });

}

</script>

    <script>
$(function(){
createPage(10,1);
 });
</script>

  说明:  pageCount:总页数

    current:当前页
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: