头像

实用的jQuery Pagination分页插件下载

来源:http://www.sucaihuo.com/js/3798 素材火管理员 2018-07-09 11:47浏览(245) 收藏

实用的jQuery Pagination分页插件下载,这里展示3种分页页码跳转代码的使用方法。
实用的jQuery Pagination分页插件下载
分类:html/css > 分页 难易:初级

程序员,你不是一个人;网站开发QQ群:698377651,在线充值,或联系QQ1556472052直接充值

查看演示 下载资源: 7 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery.pagination.min.js"></script>
		<script>
			$(function() {
				$("#pagination1").pagination({
					currentPage: 1,
					totalPage: 12,
					callback: function(current) {
						$("#current1").text(current)
					}
				});

				$("#pagination2").pagination({
					currentPage: 3,
					totalPage: 12,
					isShow: false,
					count: 6,
					prevPageText: "< 上一页",
					nextPageText: "下一页 >",
					callback: function(current) {
						$("#current2").text(current)
					}
				});

				$("#pagination3").pagination({
					currentPage: 4,
					totalPage: 16,
					isShow: true,
					count: 7,
					homePageText: "首页",
					endPageText: "尾页",
					prevPageText: "上一页",
					nextPageText: "下一页",
					callback: function(current) {
						$("#current3").text(current)
					}
				});

				$("#getPage").on("click", function() {
					var info = $("#pagination3").pagination("getPage");
					alert("当前页数:" + info.current + ",总页数:" + info.total);
				});

				$("#setPage").on("click", function() {
					$("#pagination3").pagination("setPage", 1, 10);
				});
			});
		</script>
最新交易
评论2
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1556472052

  • 头像 椅子
    07-29 09:15
    崔***啊
    很有用处的一个插件,谢谢分享
  • 头像 沙发
    07-10 08:44
    木***偶
    实用性很强,赞一个
1 2