am-pagination.js好看的分页样式插件
140
0
am-pagination.js分页插件分页插件Bootstrap分页样式Amazeui分页样式

am-pagination.js好看的分页样式插件,可以动态的在客户端页面渲染出分页条效果,并带有多个配置参数的分页插件,分别有默认分页样式、Bootstrap分页样式、Amazeui分页样式。
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="dist/js/am-pagination.js"></script>
<script type="text/javascript">
var pager = jQuery('#ampagination').pagination({
page:5,
totals:100,
pageSize:10
});
pager.onChangePage(function(e){
jQuery('.showlabel').text('The selected page no: '+e.page);
});
var pagersm = window.amPagination('#ampaginationsm',{
page:5,
totals:100,
pageSize:10,
btnSize:'sm'
});
jQuery('#ampaginationsm').on('am.pagination.change',function(e){
jQuery('.showlabelsm').text('The selected page no: '+e.page);
});
var pagerlg =jQuery('#ampaginationlg').pagination({
page:5,
totals:100,
pageSize:10,
btnSize:'lg'
})
.onChangePage(function(e){
jQuery('.showlabellg').text('The selected page no: '+e.page);
});
</script>热点素材
- 2,4601
- 2,4390
- 2,34112
- 2,3003
- 2,1861





