jquery分頁物件使用範例_jquery-js教程-PHP中文網

使用方法與相關參數如下： displayId//預設值顯示區域Id為pageBox，可以不填 pagesize//每頁條數，預設是15條，可以不填 totalsize //總條數 curpage//目前頁數 simple//預設是false，true沒有上一頁和下一頁， type//0預設走http跳轉，1是jsp頁面必須有pageCallBack(pageNum)函數,從1開始 url//連結位址，如果type出入1此處就可以不填 範例：Page._run({totalsize:300,curpage:11,type :1,simple:true}

複製程式碼 程式碼如下: Page对象 .pageBox,.pageBox1{ text-align:center; height:25px; padding:15px 0;} .pageBox .pages a.up,.pageBox .pages a.down{ color:#6eb4ea; text-decoration:none; border:1px solid #ffffff; background:none;} .pageBox .pages a.else{ background:none; border:none;} .pageBox .pages a{ padding:3px 7px; border:1px solid #f3f6f6; background:#fdfdfd; margin:0 5px; color:#999999;} .pageBox .pages a:hover,.pageBox .pages a.hover{ background:#6eb4ea; border:1px solid #6eb4ea; color:#ffffff; text-decoration:none;padding:2px 7px; } pageBox .pages span{ padding:3px 7px; color:#999999;} .fiv_sep{ height:3px; float:left; width:100%; font-size:4px; line-height:2px;} Page var Page = { /** displayId//預設值顯示區域Id為pageBox，可不填 pagesize//每頁長 curpage/ /目前頁數 simple//預設為false，true沒有上一頁和下一頁， type//0pagehttp跳轉，1是jsp頁面必須有pageCallB. 1開始 url//連結位址，若type出入1此處可不填 範例：Page._run({totalsize:300,curpage:11,type:1,Page._run({totalsize:300,curpage:11,type:1,11,true}*/ _run:function(param){ //總頁數 displayId="#pageBox",//顯示區Id totalsize=0,//總條數 curpage= 1,//目前頁數 url="",//連結位址 simple=false;//簡單版本，沒有上一頁和下一頁 if(param.type!=undefined)type=param.type; if (param.pagesize!=undefined)pagesize=param.pagesize; if(param.totalsize!=undefined)to☺ param.curpage; if(param.url!=undefined)url=param.url; if(param.simple!=undefined)simple=param.simple url = "?1=1"; } } totalpages = Page._getTotalPages(totalsize,pagesize); if( curpage>totalpages){curpage=totalpages;}//傳入頁數大於總頁數，就按最後一頁算 var firstPage= simple?"":Page. _builderPageArea(type,"up",url,curpage-1,"上一頁",false,displayId), ) 1,"下一頁",false,displayId),pages = new Array(); if(curpage!=1 ){pages.push(firstPage);} ){ if(curpage== 頁.push(Page._builderPageArea(type,"",url,i,i,true,displayId)); }else{ } ...'); pages.push(Page._builderPageArea(type,"",url),pages.push(Page._builderPageArea(type,"",url),pages. }else{//總頁數 ==i){ page }else{ builderPageArea ( type,"",url,i,i,false,displayId)); } } if(curpage!=totalpages)pages.push(lastPage); } else if(totalpages-curpage );} erPageArea(type,"",url,1,1,false,displayId)); Push(' ...'); if(curpage==i){ page.push(Page._builderPageArea(type,"",url,i,i,true,displayId)); pages.push(Page._builderPageArea(type, “”，網址，我. if(總頁數!=curpage) { }else{//總頁數 if(curpage==i){ 頁.push (Page._builderPageArea(type,"",url,i,i,true,displayId)); pages.push(Page._builderPageArea(type," “，網址，我 } }else{//有上一页和最后一页 且总页数肯定大于5 pages.push(firstPage); pages.push(Page._builderPageArea(type,"",url,1,1,false,displayId)); pages.push(' ... '); for(var i=curpage-2;i if(curpage==i){ pages.push(Page._builderPageArea(type,"",url,i,i,true,displayId)); }else{ pages.push(Page._builderPageArea(type,"",url,i,i,false,displayId)); } } pages.push(' ... '); pages.push(Page._builderPageArea(type,"",url,totalpages,totalpages,false,displayId)); pages.push(lastPage); } var result = new Array(); result.push(' '); result.push(pages.join('')); result.push(' '); $(displayId).html(result.join('')); else{ }

}, /**計算總頁數 */ _getTotalPages:function(_totalsize,_pagesize){ ; else return parseIn t(_總數/_頁大小) 1; }, /**構造分頁的每個頁數區域*/ _builderPageArea:function(type,text ; if(type==0){ href.push(url); ,.push(url); }else if(type==1){ href.push('javascript:void(0);pageCallBack(\''); href.push(page); href.push('\' ,\''); href.push(_displayId); hrefStr = href.join(''),result=new家族（）; if(textType=='up'){ ush(hrefStr); result.push('" class = "up">上一頁'); }else if(textType=='down'){ push(hrefStr); result.push(' " class="down">下一頁'); }else{ result.push(hrefStr ); if(_focus){ }else{ ); } .push(''); } 回傳結果.join( ' '); } }; Page._run({totalsize:100,curpage:1,pagesize:10});

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

jquery分頁物件使用範例_jquery

Page