这是我早先得到的一段JS代码,只需要修改一下开头的几个参数,就可以使用,不知道能否试用于静态页面呢,大家可以尝试一下
<script language="javascript"> var obj, j; var page = 0; var nowPage = 0;//当前页 var listNum = 3;//每页显示<ul>数 var PagesLen;//总页数 var PageNum = 4;//分页链接接数(5个) onload = 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="###" 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="###" style="color:red;font-weight:700;" onclick="upPage(‘ + i + ‘)">‘ + (i + 1) + ‘</a> ‘ else strC += ‘<a href="###" onclick="upPage(‘ + i + ‘)">‘ + (i + 1) + ‘</a> ‘ }//欢迎来到站长特效网,我们的网址是www.zzjs.net,很好记,zz站长,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。 strE = ‘ <a href="###" 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>
时间: 2024-11-05 09:09:06