js脚本分页代码共享(7种样式)

js脚本分页代码共享(7种样式)
本文分享了7种JS脚本分页样式,我相信总有一种适合您。

给你挑的C -------------------运行效果第一
事实上,小编辑喜欢上一个,亲,你呢

给大家分享js脚本的分页代码,直接复制代码,运行它,试一下吧。

7种js脚本分页代码

字体大小:12px身体{;}

页面的主要方式 / * * /
{。页
颜色:# 000000;
游标:默认值;
字体大小:10px;
字体:宋体,Verdana;
填料:3px 0px 3px 0px;
}
。页计数。页号,Pages.Arrow {。
颜色:# 000000;
字体大小:10px;
背景颜色:# f7f7f7;
边境:1px solid # cccccc;
}
页,总页数风格 / * * /
pages.count {。
字体粗细:粗体;
边界权:无;
填料:2px 10px 1px 10px;
}
模式1风格(号码) / * * /
pages.number {。
字体重量:正常;
填料:2px 10px 1px 10px;
}
。pages.number,{ pages.number跨度。
字体大小:10px;
}
{ pages.number跨度。
颜色:# 999999;
保证金:0px 3px 0px 3px;
}
pages.number一{。
颜色:# 000000;
文字装饰:无;
}
pages.number {:悬停。
颜色:# 0000ff;
}
模式样式(箭头)3 **
pages.arrow {。
字体重量:正常;
填料:0px 5px 0px 5px;
}
。pages.arrow,{ Pages.Arrow跨度。
字体大小:10px;
字体家庭:Webdings;
}
{ pages.arrow跨度。
颜色:# 999999;
保证金:0px 5px 0px 5px;
}
pages.arrow一{。
颜色:# 000000;
文字装饰:无;
}
pages.arrow {:悬停。
颜色:# 0000ff;
}
模式样式(选择)4 *
页选择,页输入{
颜色:# 000000;
字体大小:10px;
字体:宋体,Verdana;
}
模式样式(输入)5 **
。pages.input输入。题目,Pages.Input输入。iText,pages.input input.icount {。
颜色:# 666666;
字体粗细:粗体;
背景颜色:# f7f7f7;
边境:1px solid # cccccc;
}
pages.input input.ititle {。
宽度:70px;
文本对齐:正确;
边界权:无;
}
pages.input input.itext {。
宽度:25px;
颜色:# 000000;
文本对齐:正确;
左边框:无;
边界权:无;
}
pages.input input.icount {。
宽度:35px;
文本对齐:左对齐;
左边框:无;
}
pages.input input.ibutton {。
身高:17px;
颜色:# ffffff;
字体粗细:粗体;
字体家庭:Verdana;
背景颜色:# 999999;
边境:1px solid # 666666;
填料:0px 0px 2px 1px;
左:2px保证金;
光标:手;
}
<!——
功能showpages(name){ / /初始化属性
this.name =名称; / /对象的名字
this.page = 1; / /当前页
this.pagecount = 1; / /总页数
this.argname =页'; / /参数名称
this.showtimes = 1; / /打印次数
}

showpages.prototype.getpage =功能(URL){ / /集群获得当前页,如果只为最后的变量重复
var args = location.search;
VaR reg =新(regexp + this.argname +{ }=({ ^ } *){ $ },'gi);
VaR CHK = args.match(REG);
this.page = 1美元的正则表达式;
}
(showpages.prototype.checkpages =功能){ / /验证当前页与总页数。
如果(isnan(parseInt(这个页面)))this.page = 1;
如果(isnan(parseInt(这。总页数)))this.pagecount = 1;
如果(this.page<1)this.page = 1;
如果(this.pagecount<1)this.pagecount = 1;
如果(this.page >本。总页数)this.page = this.pagecount;
this.page = parseInt(本页);
this.pagecount = parseInt(这。总页数);
}
showpages.prototype.createhtml =功能(模式){ / /的HTML代码生成
无功strhtml = '',前一页= this.page - 1到+ 1 = this.page;
如果(模式= =| | typeof(模式)= = 'undefined)模式= 0;
开关(模式){
案例0:1模式(页面,页面,页面,页面,结束)
strhtml = 'pages:+ this.page +/++ this.pagecount;
strhtml + =;
如果(前一页< 1){
strhtml + =;
strhtml + =;
{人}
strhtml + =;
strhtml + =;
}
对于(var i = 1;i < this.pagecount;i++){
如果(i = 0){
如果(i =此页){
{= strhtml +我+};
{人}
{= strhtml +我+};
}
}
}
如果(nextpage>这。总页数){
strhtml + =;
strhtml + =;
{人}
strhtml + =;
strhtml + =;
}
strhtml + =;
打破;
案例1:1模式(10页缩略图,主页,页面,页面,结束)
strhtml = 'pages:+ this.page +/++ this.pagecount;
strhtml + =;
如果(前一页< 1){
strhtml + =;
strhtml + =;
{人}
strhtml + =;
strhtml + =;
}
如果(此页% = 10 = 0){
VaR this.page起始= 9;
{人}
VaR的起始= this.page这页% 10 + 1;
}
如果(起始页> 10)+ =strhtml';
对于(var i =起始;我<起始页+ 10;i++){
如果(我>这。总页数)打破;
如果(i =此页){
{= strhtml +我+};
{人}
{= strhtml +我+};
}
}
如果(this.pagecount =起始页+ 10)+ =strhtml';
如果(nextpage>这。总页数){
strhtml + =;
strhtml + =;
{人}
strhtml + =;
strhtml + =;
}
strhtml + =;
打破;
案例2:模式2(缩写、页、页、页、页、结束前后)
strhtml = 'pages:+ this.page +/++ this.pagecount;
strhtml + =;
如果(前一页< 1){
strhtml + =;
strhtml + =;
{人}
strhtml + =;
strhtml + =;
}
如果(this.page!= 1)strhtml ={ 1 };
如果(this.page > = 5)+ =strhtml';
如果(this.pagecount > this.page + 2){
VaR的末页= this.page + 2;
{人}
VaR的末页= this.pagecount;
}
对于(var i = this.page - 2;i <末页;i++){
如果(i = 0){
如果(i =此页){
{= strhtml +我+};
{人}
如果(i)!= 1我!=本。总页数){
{= strhtml +我+};
}
}
}
}
如果(this.page + 3…;
如果(this.page!=本。总页数)strhtml ={ }++ this.pagecount;
如果(nextpage>这。总页数){
strhtml + =;
strhtml + =;
{人}
strhtml + =;
strhtml + =;
}
strhtml + =;
打破;
案例3:模式3(箭头样式,主页,页面,页面,结束)(IE)
strhtml = 'pages:+ this.page +/++ this.pagecount;
strhtml + =;
如果(前一页< 1){
strhtml = 9;
strhtml = 7';
{人}
strhtml = 9;
strhtml = 7';
}
如果(nextpage>这。总页数){
strhtml = 8;
strhtml + = ':';
{人}
strhtml = 8;
strhtml + = ':';
}
strhtml + =;
打破;
案例4:4模式(下拉框)
如果(this.pagecount<1){
strhtml + =;
strhtml =页;
{人}
无功chkselect;
strhtml + =;
对于(var i = 1;i < this.pagecount;i++){
如果(this.page = =我)chkselect =选中=选择的;
其他chkselect =;
strhtml = 'pages:+我+/++ this.pagecount;
}
}
strhtml + =;
打破;
案例5:5模式(输入)
strhtml + =;
如果(this.pagecount<1){
strhtml + =;
strhtml + =;
{人}
strhtml + =;
strhtml + =;
strhtml + =;
strhtml + =;
}
strhtml + =;
打破;
违约:
strhtml = 'javascript ShowPage错误:找不到模式+模式;
打破;
}
返回strhtml;
}
showpages.prototype.createurl =功能(页){ / /生成跳转页面的URL
如果(isnan(parseInt(页)页))= 1;
如果(页面< 1)页= 1;
如果(页>,总页数)= this.pagecount页;
var url =比较+ location.host + location.pathname + / /;
var args = location.search;
VaR reg = new RegExp(({ })+ this.argname + = { } { } ^ *美元,'gi);
args = args.replace(REG,1美元);
如果(args = =| | { args = = null)
args = this.argname +页+=+;
否则如果}(args.substr(args.length -1,1)= =| | args.substr(args.length -1,1)= = {)
args = this.argname + = +页;
{人}
args = this.argname +页+=+;
}
返回URL + args;
}
showpages.prototype.topage =功能(页){ / /页
VaR质量= 1;
如果(typeof(页)= = 'object){
质量=页。选择{页。SelectedIndex值};
{人}
质量=页;
}
self.location.href = this.createurl(开始);
}
showpages.prototype.printhtml =功能(模式){ / /的HTML代码
This.getPage();
this.checkpages();
this.showtimes = 1;
document.write('');
document.getelementbyid('pages_ + + +这this.name '_。放映).innerHTML = this.createhtml(模式);

}
showpages.prototype.formatinputpage =功能(e){ / /定义输入页码格式
VaR即=导航。修改= =微软Internet Explorer的真的假;
如果(!ie);
其他情况下VaR的关键=;
如果(关键= = 8 = = 46个关键| | | |(关键> = 48键< = 57))返回true;
返回false;
}

<!——
VaR PG =新showpages('pg);
pg.pagecount = 12; / /定义页面总数(必要的)
/ / pg.argname = 'p'; / /定义参数名称(可选默认页)

document.write('show时报:+ pg.showtimes +,默认的心情);
Pg.printHtml();
document.write('show时报:+ pg.showtimes +,心情0);
Pg.printHtml(0);
document.write('show时报:+ pg.showtimes +,心情1);
Pg.printHtml(1);
document.write('show时报:+ pg.showtimes +,心情2);
Pg.printHtml(2);
document.write('show时报:+ pg.showtimes +,心情3(仅IE));
Pg.printHtml(3);
document.write('show时报:+ pg.showtimes +,心情4);
Pg.printHtml(4);
document.write('show时报:+ pg.showtimes +,心情5);
Pg.printHtml(5);
以上是分享js脚本的页面代码,希望大家能喜欢它。

tag:脚本分页样式代码电脑软件

相关内容