<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery简单实用圆角分页按钮样式代码</title>
<link rel="stylesheet" type="text/css" href="css/page.css">
</head>
<body>
<div style="text-align: center;margin:250px auto;">
<div id="pager" class="pager clearfix">
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.z-pager.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$("#pager").zPager({
totalData: 50,
htmlBox: $('#wraper'),
btnShow: true,
ajaxSetData: false,
dataRender: function(data) {
console.log(data + '---data-2');
alert(data);
},
});
</script>
</body>
</html>
