ASP.NET假分页

<table id="tab">
<!-- 数据库数据 -->
        </table>
  <div  style="float:right"> 
    <span id="spanFirst">首页</span> 
    <span id="spanPre">上一页</span> 
    <span id="spanNext">下一页</span>
    <span id="spanLast">末页</span> 
    第<span id="spanPageNum"></span>页/共
    <span id="spanTotalPage"></span>
    页    </div>
    <script>
        //获取各个控件的值
        var theTable = document.getElementById("tab");
        //总页数  
        var totalPage = document.getElementById("spanTotalPage");
        //页码  
        var pageNum = document.getElementById("spanPageNum");
        //上一页  
        var spanPre = document.getElementById("spanPre");
        //下一页  
        var spanNext = document.getElementById("spanNext");
        //第一页  
        var spanFirst = document.getElementById("spanFirst");
        //最后一页  
        var spanLast = document.getElementById("spanLast");
        //获取表格的行数  
        var numberRowsInTable = theTable.rows.length;
        //页面显示记录条数  
        var pageSize = 10; 
        var page = 1;
        //下一页  
        function next() {
            //隐藏表格  
            hideTable();
            //当前行数=页面大小*页码  
            currentRow = pageSize * page;
            //最大行数=当前行数+页面大小  
            maxRow = currentRow + pageSize;
            //如果最大行数比表格行数大，最大行数为表格行数  
            if (maxRow > numberRowsInTable) maxRow = numberRowsInTable;
            for (var i = currentRow; i < maxRow; i++) {
                theTable.rows[i].style.display = '';
            }
            //页码加一，到下一页  
            page++;
            //最后一页  
            if (maxRow == numberRowsInTable) { nextText(); lastText(); }
            showPage();
            preLink();
            firstLink();
        }
        //上一页  
        function pre() {
            hideTable();
            page--;
            currentRow = pageSize * page;
            maxRow = currentRow - pageSize;
            if (currentRow > numberRowsInTable) currentRow = numberRowsInTable;
            for (var i = maxRow; i < currentRow; i++) {
                theTable.rows[i].style.display = '';
            }
            if (maxRow == 0) { preText(); firstText(); }
            showPage();
            nextLink();
            lastLink();
        }
        //第一页  
        function first() {
            hideTable();
            page = 1;
            for (var i = 0; i < pageSize; i++) {
                theTable.rows[i].style.display = '';
            }
            showPage();
            preText();
            firstText(); 
            nextLink();
            lastLink();
        }
        //最后一页  
        function last() {
            hideTable();
            page = pageCount();
            currentRow = pageSize * (page - 1);
            for (var i = currentRow; i < numberRowsInTable; i++) {
                theTable.rows[i].style.display = '';
            }
            showPage();
            preLink();
            firstLink();
            nextText();
            lastText();
        }
        //隐藏表格  
        function hideTable() {
            for (var i = 0; i < numberRowsInTable; i++) {
                theTable.rows[i].style.display = 'none';
            }
        }
        //显示页  
        function showPage() {
            pageNum.innerHTML = page;
        }
        //总共页数  
        function pageCount() {
            var count = 0;
            if (numberRowsInTable % pageSize != 0) count = 1;
            return parseInt(numberRowsInTable / pageSize) + count;
        }
        //显示链接  
        function preLink() { spanPre.innerHTML = "<a href='javascript:pre();'>上一页</a>"; }
        function preText() { spanPre.innerHTML = "上一页"; }
        function nextLink() { spanNext.innerHTML = "<a href='javascript:next();'>下一页</a>"; }
        function nextText() { spanNext.innerHTML = "下一页"; }
        function firstLink() { spanFirst.innerHTML = "<a href='javascript:first();'>首页</a>"; }
        function firstText() { spanFirst.innerHTML = "首页"; }
        function lastLink() { spanLast.innerHTML = "<a href='javascript:last();'>末页</a>"; }
        function lastText() { spanLast.innerHTML = "末页"; }
        //隐藏表格  
        function hide() {
            for (var i = pageSize; i < numberRowsInTable; i++) {
                theTable.rows[i].style.display = 'none';
            }
            totalPage.innerHTML = pageCount();
            pageNum.innerHTML = '1';
            nextLink();
            lastLink();
        }
        hide();  
</script>