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

 补充一下在table表格里面，改变一下这几句话，就可以加上repeater一起使用了

//第一：
obj = $("tr[class='tContent']");//获取一下绑定循环的TR，并且加上class=tContent的属性
//第二：在表格里面使用display：block似乎会导致样式错乱，可以换成属性

if (obj[i]) obj[i].style.display = " table-row";
//关于 table-row",.W3C的解释如下：
此元素会作为一个表格行显示（类似 <tr>）。

希望对大家有帮助