网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
这是一款基于jquery实现的前端无刷新分页代码,可指定跳转对应页数。代码如下:
<!DOCTYPE html>
<html>
<head>
<title>分页</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" type="text/css" href="src/paging.css">
</head>
<body>
<div id="pageTool"></div>
<div id="pageToolbar"></div>
<script type="text/javascript" src="src/jquery-1.11.2.js"></script>
<script type="text/javascript" src="src/query.js"></script>
<script type="text/javascript" src="src/paging.js"></script>
<script>
$('#pageTool').Paging({pagesize:10,count:100,callback:function(page,size,count){
console.log(arguments)
alert('当前第 ' +page +'页,每页 '+size+'条,总页数:'+count+'页')
}});
$('#pageToolbar').Paging({pagesize:10,count:85,toolbar:true});
</script>
</body>
</html>
转载请注明来源:jquery指定页数跳转分页样式代码
本文永久链接地址:https://www.moyouyouw.cn/code/602.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
已有 位小伙伴发表了看法
欢迎 你 发表评论