分享几款基于bootstrap和jquery的分页插件
2016-08-09 22:05
609 查看
1.第一款
地址:http://hooray.github.io/jquery.pagination/ github地址:https://github.com/hooray/jquery.pagination
2.第二款
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:当前页
jquery.pagination 定制修改版
地址:http://hooray.github.io/jquery.pagination/ github地址:https://github.com/hooray/jquery.pagination2.第二款
jBootstrapPage
github地址 https://github.com/wangwei123/jBootstrapPage3,第三款
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:当前页
相关文章推荐
- 分享几款基于jquery不错的时间插件
- 分享几款基于jquery不错的时间插件
- [置顶] 分享几款基于jquery不错的时间插件
- 分享几款基于jquery不错的时间插件
- 分享一款基于jQuery的QQ表情插件
- 分享一个jQuery 客户端分页插件
- 分享jQuery瀑布流的插件和案例、几款jquery瀑布流插件、jquery瀑布流下载
- JavaScript 学习笔记之二:编写自己的jQuery扩展分页插件(分享yQuery)
- jQuery插件分享之分页插件jqPagination
- 分享一个jQuery的超酷分页插件 - jPages
- 分享一些基于jquery功能强大的LightBox灯箱效果插件
- 分享一个jQuery的超酷分页插件 - jPages
- jQuery分页插件jBootstrapPage,一个Bootstrap风格的分页插件
- 创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
- 分享一个自己写的jquery分页插件
- 分享一款基于jQuery的QQ表情插件
- 分享一些基于jquery功能强大的LightBox灯箱效果插件
- 分享一个自己做的基于Jquery的弹出框插件
- 分享jQuery瀑布流的插件和案例、几款jquery瀑布流插件、jquery瀑布流下载