一款带跳转的jQuery滑动分页插件,包括:首页、尾页、上一页、下一页、数字分页、跳转输入框和调整按钮、总页数和总数据条数,可自由调整样式和显示页面等参数内容。
页面的head部分,需引入页面的样式文件,代码如下:
<link type="text/css" rel="stylesheet" href="./css/paging.css">
页面的body部分,仅需设置一个指定id的div容器即可,代码如下:
<div class="box" id="box"></div>
页面的底部,需引入jQuery库和分页插件,对指定元素启用插件并设置好相关参数,代码如下:
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/paging.js"></script>
<script>
var setTotalCount = 301;
$('#box').paging({
initPageNo: 3, // 初始页码
totalPages: 30, //总页数
totalCount: setTotalCount + '条数据', // 条目总数
slideSpeed: 600, // 缓动速度。单位毫秒
jump: true, //是否支持跳转
callback: function(page) { // 回调函数
console.log(page);
}
})
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791