• 微信号:Zh-y9213
您当前的位置:爱资源分享网 > > 网站源码 > 网页特效

am-pagination.js好看的分页样式插件

栏目:网页特效时间:2021-06-24 21:10阅读数:50人阅读
am-pagination.js好看的分页样式插件,可以动态的在客户端页面渲染出分页条效果,并带有多个配置参数的分页插件,分别有默认分页样式、Bootstrap分页样式、Amazeui分页样式。


js代码

<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>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:737597453@qq.com