需要一个分页，花了一个钟写了一个，刚学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代码