7种JS脚本分页代码 showPages.docx
《7种JS脚本分页代码 showPages.docx》由会员分享,可在线阅读,更多相关《7种JS脚本分页代码 showPages.docx(16页珍藏版)》请在冰豆网上搜索。
7种JS脚本分页代码showPages
"/>
懒人图库
body{font-size:
12px;}
/*PagesMainTyle*/
.pages{
color:
#000000;
cursor:
default;
font-size:
10px;
font-family:
Tahoma,Verdana;
padding:
3px0px3px0px;
}
.pages.count,.pages.number,.pages.arrow{
color:
#000000;
font-size:
10px;
background-color:
#F7F7F7;
border:
1pxsolid#CCCCCC;
}
/*PageandPageCountStyle*/
.pages.count{
font-weight:
bold;
border-right:
none;
padding:
2px10px1px10px;
}
/*Mode0,1,2Style(Number)*/
.pages.number{
font-weight:
normal;
padding:
2px10px1px10px;
}
.pages.numbera,.pages.numberspan{
font-size:
10px;
}
.pages.numberspan{
color:
#999999;
margin:
0px3px0px3px;
}
.pages.numbera{
color:
#000000;
text-decoration:
none;
}
.pages.numbera:
hover{
color:
#0000ff;
}
/*Mode3Style(Arrow)*/
.pages.arrow{
font-weight:
normal;
padding:
0px5px0px5px;
}
.pages.arrowa,.pages.arrowspan{
font-size:
10px;
font-family:
Webdings;
}
.pages.arrowspan{
color:
#999999;
margin:
0px5px0px5px;
}
.pages.arrowa{
color:
#000000;
text-decoration:
none;
}
.pages.arrowa:
hover{
color:
#0000ff;
}
/*Mode4Style(Select)*/
.pagesselect,.pagesinput{
color:
#000000;
font-size:
10px;
font-family:
Tahoma,Verdana;
}
/*Mode5Style(Input)*/
.pages.inputinput.ititle,.pages.inputinput.itext,.pages.inputinput.icount{
color:
#666666;
font-weight:
bold;
background-color:
#F7F7F7;
border:
1pxsolid#CCCCCC;
}
.pages.inputinput.ititle{
width:
70px;
text-align:
right;
border-right:
none;
}
.pages.inputinput.itext{
width:
25px;
color:
#000000;
text-align:
right;
border-left:
none;
border-right:
none;
}
.pages.inputinput.icount{
width:
35px;
text-align:
left;
border-left:
none;
}
.pages.inputinput.ibutton{
height:
17px;
color:
#FFFFFF;
font-weight:
bold;
font-family:
Verdana;
background-color:
#999999;
border:
1pxsolid#666666;
padding:
0px0px2px1px;
margin-left:
2px;
cursor:
hand;
}
--
/*
showPagesv1.1
=================================
Infomation
----------------------
Author:
Lapuasi
E-Mail:
lapuasi@
Web:
Date:
2005-11-17
Example
----------------------
varpg=newshowPages('pg');
pg.pageCount=12;//定义总页数(必要)
pg.argName='p';//定义参数名(可选,缺省为page)
pg.printHtml();//显示页数
SupportedinInternetExplorer,MozillaFirefox
*/
functionshowPages(name){//初始化属性
this.name=name;//对象名称
this.page=1;//当前页数
this.pageCount=1;//总页数
this.argName='page';//参数名
this.showTimes=1;//打印次数
}
showPages.prototype.getPage=function(){//丛url获得当前页数,如果变量重复只获取最后一个
varargs=location.search;
varreg=newRegExp('[\?
&]?
'+this.argName+'=([^&]*)[&$]?
','gi');
varchk=args.match(reg);
this.page=RegExp.$1;
}
showPages.prototype.checkPages=function(){//进行当前页数和总页数的验证
if(isNaN(parseInt(this.page)))this.page=1;
if(isNaN(parseInt(this.pageCount)))this.pageCount=1;
if(this.page<1)this.page=1;
if(this.pageCount<1)this.pageCount=1;
if(this.page>this.pageCount)this.page=this.pageCount;
this.page=parseInt(this.page);
this.pageCount=parseInt(this.pageCount);
}
showPages.prototype.createHtml=function(mode){//生成html代码
varstrHtml='',prevPage=this.page-1,nextPage=this.page+1;
if(mode==''||typeof(mode)=='undefined')mode=0;
switch(mode){
case0:
//模式1(页数,首页,前页,后页,尾页)
strHtml+='Pages:
'+this.page+'/'+this.pageCount+'';
strHtml+='';
if(prevPage<1){
strHtml+='«';
strHtml+='';
}else{
strHtml+=''+this.name+'.toPage
(1);">«';
strHtml+=''+this.name+'.toPage('+prevPage+');">';
}
for(vari=1;i<=this.pageCount;i++){
if(i>0){
if(i==this.page){
strHtml+='['+i+']';
}else{
strHtml+=''+this.name+'.toPage('+i+');">['+i+']';
}
}
}
if(nextPage>this.pageCount){
strHtml+='';
strHtml+='»';
}else{
strHtml+=''+this.name+'.toPage('+nextPage+');">';
strHtml+=''+this.name+'.toPage('+this.pageCount+');">»';
}
strHtml+='
';
break;
case1:
//模式1(10页缩略,首页,前页,后页,尾页)
strHtml+='Pages:
'+this.page+'/'+this.pageCount+'';
strHtml+='';
if(prevPage<1){
strHtml+='«';
strHtml+='';
}else{
strHtml+=''+this.name+'.toPage
(1);">«';
strHtml+=''+this.name+'.toPage('+prevPage+');">';
}
if(this.page%10==0){
varstartPage=this.page-9;
}else{
varstartPage=this.page-this.page%10+1;
}
if(startPage>10)strHtml+=''+this.name+'.toPage('+(startPage-1)+');">...';
for(vari=startPage;iif(i>this.pageCount)break;
if(i==this.page){
strHtml+='['+i+']';
}else{
strHtml+=''+this.name+'.toPage('+i+');">['+i+']';
}
}
if(this.pageCount>=startPage+10)strHtml+=''+this.name+'.toPage('+(startPage+10)+');">...';
if(nextPage>this.pageCount){
strHtml+='';
strHtml+='»';
}else{
strHtml+=''+this.name+'.toPage('+nextPage+');">';
strHtml+=''+this.name+'.toPage('+this.pageCount+');">»';
}
strHtml+='
';
break;
case2:
//模式2(前后缩略,页数,首页,前页,后页,尾页)
strHtml+='Pages:
'+this.page+'/'+this.pageCount+'';
strHtml+='';
if(prevPage<1){
strHtml+='«';
strHtml+='';
}else{
strHtml+=''+this.name+'.toPage
(1);">«';
strHtml+=''+this.name+'.toPage('+prevPage+');">';
}
if(this.page!
=1)strHtml+=''+this.name+'.toPage
(1);">[1]';
if(this.page>=5)strHtml+='...';
if(this.pageCount>this.page+2){
varendPage=this.page+2;
}else{
varendPage=this.pageCount;
}
for(vari=this.page-2;i<=endPage;i++){
if(i>0){
if(i==this.page){
strHtml+='['+i+']';
}else{
if(i!
=1&&i!
=this.pageCount){
strHtml+=''+this.name+'.toPage('+i+');">['+i+']';
}
}
}
}
if(this.page+3...';
if(this.page!
=this.pageCount)strHtml+=''+this.name+'.toPage('+this.pageCount+');">['+this.pageCount+']';
if(nextPage>this.pageCount){
strHtml+='';
strHtml+='»';
}else{
strHtml+=''+this.name+'.toPage('+nextPage+');">';
strHtml+=''+this.name+'.toPage('+this.pageCount+');">»';
}
strHtml+='
';
break;
case3:
//模式3(箭头样式,首页,前页,后页,尾页)(onlyIE)
strHtml+='Pages:
'+this.page+'/'+this.pageCount+'';
strHtml+='';
if(prevPage<1){
strHtml+='9';
strHtml+='7';
}else{
strHtml+=''+this.name+'.toPage
(1);">9';
strHtml+=''+this.name+'.toPage('+prevPage+');">7';
}
if(nextPage>this.pageCount){
strHtml+='8';
strHtml+=':
';
}else{
strHtml+=''+this.name+'.toPage('+nextPage+');">8';
strHtml+=''+this.name+'.toPage('+this.pageCount+');">: