求分页js代码

我现在有个问题：
    在velocity页面中有一个table,数据放在table中，对其中的数据进行分页，数据是从数据库读出的List，数据以checkbox形式一条数据一行，翻页时希望能够记录前一页面的值，所以采用假分页

解决方案 »

  1.   

    http://blog.csdn.net/soleghost/archive/2006/08/25/1120365.aspx
    我的资源中叶应该有，楼主看看
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript">
    var PAGE_SIZE = 3;
    var currentPage = 1;

    function priviousPage() {
    var tBody = document.getElementById('container');
    var startIndex = (currentPage - 1) * PAGE_SIZE;
    for (var index = startIndex; index < startIndex + PAGE_SIZE; index++) { if (!tBody.childNodes[index]) {
    continue;
    }

    tBody.childNodes[index].style.display = 'none';
    }

    currentPage = currentPage == 1 ? 1 : currentPage - 1;
    startIndex = (currentPage - 1) * PAGE_SIZE;
    for (var index = startIndex; index < startIndex + PAGE_SIZE; index++) {
    if (!tBody.childNodes[index]) {
    continue;
    }
    tBody.childNodes[index].style.display = '';
    }
    } function nextPage() {
    var tBody = document.getElementById('container');

    var pageNum = parseInt((tBody.childNodes.length - 1) / PAGE_SIZE) + 1; var startIndex = (currentPage - 1) * PAGE_SIZE;

    for (var index = startIndex; index < startIndex + PAGE_SIZE; index++) {
    if (!tBody.childNodes[index]) {
    continue;
    }
    tBody.childNodes[index].style.display = 'none';
    }

    currentPage = currentPage >= pageNum ? pageNum : currentPage + 1;

    startIndex = (currentPage - 1) * PAGE_SIZE;
    for (var index = startIndex; index < startIndex + PAGE_SIZE; index++) {

    if (!tBody.childNodes[index]) {
    continue;
    }

    tBody.childNodes[index].style.display = '';
    }
    } function initPage() {
    var tBody = document.getElementById('container');
    var startIndex = PAGE_SIZE; for (var index = PAGE_SIZE; index < tBody.childNodes.length; index++) {
    tBody.childNodes[index].style.display = 'none';
    }
    } window.onload = function() {
    initPage();
    };
    </script></head>
    <body>
    <input type="button" value="priviousPage" onclick="priviousPage();"></input>
    <input type="button" value="nextPage" onclick="nextPage();"></input>
    <table>
    <tbody id="container">
    <tr><td>1</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>2</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>3</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>4</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>5</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>6</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>7</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    <tr><td>8</td><td>1</td><td>1</td><td>1</td><td>1</td></tr>
    </tbody>
    </table>
    </body>
    </html>这种效果？
      

  3.   

    是的  就是这种效果
             var tBody = document.getElementById('container');
            var startIndex = PAGE_SIZE;
            for (var index = PAGE_SIZE; index < tBody.childNodes.length; index++) 
    这几句太有用啦！    谢谢