实现效果:
实现方法:
1.先下载 pageGroup.js 引入到页面中;(jquery 也是必不可少的!)
我把代码放这里吧:
function pageGroup(pageNum,pageCount){
switch(pageNum){
case 1:page_icon(1,5,0);break;case 2:page_icon(1,5,1);break;case pageCount-1:page_icon(pageCount-4,pageCount,3);break;case pageCount:page_icon(pageCount-4,pageCount,4);break;default:page_icon(pageNum-2,pageNum+2,2);break;}}
function page_icon(page,count,eq){
var ul_html="";for(var i=page;i<=count;i++){
ul_html+="<li>"+i+"</li>";}
$("#pageGro ul").html(ul_html);$("#pageGro ul li").eq(eq).addClass("on");}
function pageUp(pageNum,pageCount){
switch(pageNum){
case 1:break;case 2:page_icon(1,5,0);break;case pageCount-1:page_icon(pageCount-4,pageCount,2);break;case pageCount:page_icon(pageCount-4,pageCount,3);break;default:page_icon(pageNum-2,pageNum+2,1);break;}}
function pageDown(pageNum,pageCount){
switch(pageNum){
case 1:page_icon(1,5