Javascript静态分页（多个资料，静态自动分页）

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>静态分页（首尾页）www.jb51.net</title> </head> <body> <style> ul {display:none} </style><ul> <li>01</li> </ul> <ul> <li>02</li> </ul> <ul> <li>03</li> </ul> <ul> <li>04</li> </ul> <ul> <li>05</li> </ul> <ul> <li>06</li> </ul> <ul> <li>07</li> </ul> <ul> <li>08</li> </ul> <ul> <li>09</li> </ul> <ul> <li>10</li> </ul> <ul> <li>11</li> </ul> <ul> <li>12</li> </ul> <ul> <li>13</li> </ul> <ul> <li>14</li> </ul> <ul> <li>15</li> </ul> <ul> <li>16</li> </ul> <ul> <li>17</li> </ul> <ul> <li>18</li> </ul> <ul> <li>19</li> </ul> <ul> <li>20</li> </ul> <script> var obj,j; var page=0; var nowPage=0;//当前页 var listNum=3;//每页显示<ul>数 var PagesLen;//总页数 var PageNum=4;//分页链接接数（5个） onload=function（）{ obj=document.getElementById（"mydiv"）.getElementsByTagName（"ul"）; 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" } //分页链接变换 strS="首页  " 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+=""+（i+1）+" " else strC+=""+（i+1）+" " } strE=" 尾页  " strE2=nowPage+1+"/"+PagesLen+"页"+"  共"+j+"条" document.getElementById（"changpage"）.innerHTML=strS+strC+strE+strE2 } </script> </body> </html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]