JS代码如下:

复制代码 代码如下:

<scrīptlanguage="javascrīpt">

//最大数据量

vartotal="100";

//每页的显示量

varpagesize=10;

//一共有多少页

varpagenum=Math.ceil(total/pagesize);

//生成导航

functioninitpage(nowpage){

varpagenav='<ahref="#"ōnclick=up('+nowpage+');>上一页</a>';

for(i=1;i<=pagenum;i++){

pagenav+=(i==nowpage)?'<spanclass="now">'+i+'</span>':'<aclass="number"href="#"ōnclick=goToPage('+i+');>'+i+'</a>';

}

pagenav+='<ahref="#"ōnclick=down('+nowpage+');>下一页</a>';

document.getElementById('pages').innerHTML=pagenav;

}

//翻页

functiongoToPage(page){

varstart=(page-1)*pagesize;

varmax=page*pagesize;

for(vs=0;vs<total;vs++){

varōbj=document.getElementById('item_'+vs);

obj.style.display="none";

}

if(max>total)max=total;

for(v=start;v<max;v++){

varōbj=document.getElementById('item_'+v);

obj.style.display="block";

}

initpage(page);

}

//上一页

functionup(nowpage){

if(nowpage==1)returnfalse;

if(nowpage>1)goToPage((nowpage-1));

}

//下一页

functiondown(nowpage){

if(nowpage==pagenum)returnfalse;

if(nowpage<pagenum)goToPage((nowpage+1));

}

</scrīpt>

如果数据是

<liid="item_0">.........</li>

<liid="item_1">.........</li>

...........

<liid="item_100">........</li>

那么就可以显示出一个类似于这样的导航:

上一页1234下一页

然后点击页数或者上下页就可以切换显示了.

时间比较仓促,就说这么多了，大家自己分析代码,有不明白的请留言