首页 > 代码库 > ASP.NET的分页方法(四)
ASP.NET的分页方法(四)
这是我早先得到的一段JS代码,只需要修改一下开头的几个参数,就可以使用,不知道能否试用于静态页面呢,大家可以尝试一下
<script language="javascript"> var obj, j; var page = 0; var nowPage = 0;//当前页 var listNum = 3;//每页显示<ul>数 var PagesLen;//总页数 var PageNum = 4;//分页链接接数(5个) onl oad = function () { obj = document.getElementById("pageshow").getElementsByTagName("li"); j = obj.length PagesLen = Math.ceil(j / listNum); upPage(0) } function upPage(p) { nowPage = p //内容变换 for (var i = 0; i < j; i++) { obj[i].style.display = "none" } for (var i = p * listNum; i < (p + 1) * listNum; i++) { if (obj[i]) obj[i].style.display = "block" }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。 //分页链接变换 strS = ‘<a href="http://www.mamicode.com/###" onclick="upPage(0)">首页</a> ‘ var PageNum_2 = PageNum % 2 == 0 ? Math.ceil(PageNum / 2) + 1 : Math.ceil(PageNum / 2) var PageNum_3 = PageNum % 2 == 0 ? Math.ceil(PageNum / 2) : Math.ceil(PageNum / 2) + 1 var strC = "", startPage, endPage; if (PageNum >= PagesLen) { startPage = 0; endPage = PagesLen - 1 } else if (nowPage < PageNum_2) { startPage = 0; endPage = PagesLen - 1 > PageNum ? PageNum : PagesLen - 1 }//首页 else { startPage = nowPage + PageNum_3 >= PagesLen ? PagesLen - PageNum - 1 : nowPage - PageNum_2 + 1; var t = startPage + PageNum; endPage = t > PagesLen ? PagesLen - 1 : t } for (var i = startPage; i <= endPage; i++) { if (i == nowPage) strC += ‘<a href="http://www.mamicode.com/###" style="color:red;font-weight:700;" onclick="upPage(‘ + i + ‘)">‘ + (i + 1) + ‘</a> ‘ else strC += ‘<a href="http://www.mamicode.com/###" onclick="upPage(‘ + i + ‘)">‘ + (i + 1) + ‘</a> ‘ }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。 strE = ‘ <a href="http://www.mamicode.com/###" onclick="upPage(‘ + (PagesLen - 1) + ‘)">尾页</a> ‘ strE2 = nowPage + 1 + "/" + PagesLen + "页" + " 共" + j + "条" document.getElementById("changpage").innerHTML = strS + strC + strE + strE2 } </script><style type="text/css"> li { display: none; } </style>
ASP.NET的分页方法(四)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。