需要一个分页，花了一个钟写了一个，刚学js，不是很完美

 <script src="js/jquery.min.js" ></script>

     <script type="text/javascript">

     //全局变量

     var page=0;

     var arrayTxt=new Array();

     function array(){

         for(var j=0;j<200;j++){

         arrayTxt[j]='<td>这是分页测试'+j+'</td>';

         }

     }

     //加载第一页数据和按钮

     $(document).ready(function(){

         var strTab;

         var strBtn;

         var strPage;

         var length;

         var xinwei=0;

         array();

         length=arrayTxt.length;

         //每页十条

         for(var a=0;a<10;a++)

         {

             strTab+='<tr><td>'+a+'</td> '+arrayTxt[a]+'</tr>';

         }

         $("#tab").append(strTab);

         strPage='<input type="button" class="btn" value="上一页" onclick="btnUpPage()" /><select id="btnPage" onchange="btnPage()">';

         for(var i=0;i<length/8;i++){

             xinwei++;

             strPage+='<option value="'+i+'"">第'+xinwei+'页</option>'

             //strBtn+='<input type="button" class="btn" value="'+xinwei+'" onclick="btnPage('+i+')" />';

             }

         strPage+='</select><input type="button" class="btn" value="下一页" onclick="btnDownPage('+length/8+')" />'

         $("#btnList").append(strPage);

     });

     //下拉框值变化时加载数据

     function btnPage(){

         var newpage=$("#btnPage").val();

         var pageList=8*newpage;

         var strTab='<tr><th>序号</th><th>测试列表</th></tr>';

         page=parseInt(newpage);

         for(var a=0;a<10;a++)

         {

             strTab+='<tr><td>'+pageList+'</td> '+arrayTxt[pageList]+'</tr>';

             pageList++;

         }

         $("#tab").html(strTab);

     }

     //上一页和下一页

     function btnUpPage(){

         if(page>0)

         {

         var newpage=page-1;

         var pageList=8*newpage;

         var strTab='<tr><th>序号</th><th>测试列表</th></tr>';

         page=newpage;

         $("#btnPage").val(page);

         for(var a=0;a<10;a++)

         {

             strTab+='<tr><td>'+pageList+'</td> '+arrayTxt[pageList]+'</tr>';

             pageList++;

         }

         $("#tab").html(strTab);

         }

     }

     function btnDownPage(length){

         if(page<length-1)

         {

         var newpage=page+1;

         var pageList=8*newpage;

         var strTab='<tr><th>序号</th><th>测试列表</th></tr>';

         page=newpage;

         $("#btnPage").val(page);

         for(var a=0;a<10;a++)

         {

             strTab+='<tr><td>'+pageList+'</td> '+arrayTxt[pageList]+'</tr>';

             pageList++;

         }

         $("#tab").html(strTab);

         }

     }

     </script>

以上是js代码，刚学了JQ，因为需要用到分页功能，所以就顺手写了一个，比较简单，用到的API不多，新手应该可以看懂

这几天再优化一下，有些方法可以合并，有兴趣的朋友可以看一下

<div class="content">

	<div class="list">

		<table id="tab">

			<tr>

			<th>序号</th>

			<th>测试列表</th>

			</tr>

		</table>

	</div>

	<div class="btn-box" id="btnList">

	<option></option>

	</div>

</div>

这是html代码