ASP.NET的分页方法（四）

浏览数：42 / 时间：2015年06月09日

这是我早先得到的一段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>