简单易用的jQuery分页代码

发布：2023/12/7 15:24:00作者：大数据来源：大数据浏览次数：508

页面的head部分，引入一个插件的样式文件，接着引入jQuery库和分页插件，设置好页面元素的样式，代码如下：

* {

margin: 0;

padding: 0;

}

body {

font-family: 'Microsoft YaHei','Lantinghei SC','Open Sans',Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;

background: #eee;

}

.box {

width: 800px;

margin: 100px auto 0;

height: 34px;

}

.page {

width: 600px;

}

.info {

width: 200px;

height: 34px;

line-height: 34px;

}

.fl {

float: left;

}

</style>

页面的body部分，多个div容器放入不同样式的分页内容，代码如下：

</div>

</div>

</div>

页面的底部，启用分页插件，并设置好相关的参数，代码如下：

$(function() {

$("#pagination1").pagination({

currentPage: 1,

totalPage: 12,

callback: function(current) {

$("#current1").text(current)

}

});

$("#pagination2").pagination({

currentPage: 6,

totalPage: 12,

isShow: false,

count: 6,

prevPageText: "< 上一页",

nextPageText: "下一页 >",

callback: function(current) {

$("#current2").text(current)

}

});

$("#pagination3").pagination({

currentPage: 8,

totalPage: 16,

isShow: true,

count: 7,

homePageText: "首页",

endPageText: "尾页",

prevPageText: "上一页",

nextPageText: "下一页",

callback: function(current) {

$("#current3").text(current)

}

});

</script>

声明：本站内容来源于原创和互联网，尊重作者版权，转载请注明来源网址，欢迎收藏，谢谢！

　javascript中sessionStorage与localStorage对比分析

office word点击超级链接后如何返回？解决办法　

简单易用的jQuery分页代码帝国cms好看好用的分页样式和代码实现 C#使用读写锁三行代码简单解决多线程并发的问题 C#使用互斥量(Mutex)实现多进程并发操作时多进程间线程同步操作(进程同步)的简单示例代码及使用方法 jquery easyui datagrid 分页详解 jquery easyui datagrid使用，分页、排序、查询 Jquery EasyUI操作表格，分页显示

柏港建站平台

柏港大数据

简单易用的jQuery分页代码

页面的head部分，引入一个插件的样式文件，接着引入jQuery库和分页插件，设置好页面元素的样式，代码如下：

页面的body部分，多个div容器放入不同样式的分页内容，代码如下：

页面的底部，启用分页插件，并设置好相关的参数，代码如下：

柏港为您推荐了一些相关资讯

柏港 大数据

简单易用的jQuery分页代码

页面的head部分，引入一个插件的样式文件，接着引入jQuery库和分页插件，设置好页面元素的样式，代码如下：

页面的body部分，多个div容器放入不同样式的分页内容，代码如下：

页面的底部，启用分页插件，并设置好相关的参数，代码如下：

柏港为您推荐了一些相关资讯

柏港大数据