当前位置:首页 > 日记 > 正文

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脚本的页面代码,希望大家能喜欢它。

相关文章

excel表格中的单元格自动调整数字

excel表格中的单元格自动调整数字

数字,调整,表格,单元格,课程,在excel的过程中,我们经常根据表单的要求把表单放好,然后单元格的宽度固定,但有些字符的数目。例如,当输入一个家庭地址时,一些家庭地址相对较长,所以单元格中的内容不能完全显示在屏幕上。为了使单元格中的所有内容…

一个在IllustratorCS6选择工具的详

一个在IllustratorCS6选择工具的详

选择,使用教程,工具,详细,电脑软件,在Illustrator CS6选择工具的使用对于任何软件,他们都有自己最基本的选择工具。工具的选择在软件中被广泛使用,基本上是被使用的,让我们一起来看看。 在本课中,我们将解释选择工具的使用,并为任何软件提供最基…

生命哲学思想与人格签名的建议

生命哲学思想与人格签名的建议

哲学思想,人格,生命,建议,电脑软件,因为每个网民写不同的字,有谚语,谚语,调侃语句等,也用图片和动画作为签名,充满个性和风格各异。因此,它被称为个人签名。签名是一种视觉符号,代表个人信息和个人审美兴趣,如社会、法律、合同等,也称签名和签名。你…

excel如何输入身份证号码excel基金

excel如何输入身份证号码excel基金

基金会,输入,身份证号码,电脑软件,excel,在Excel录入员工信息和许多其他类似的形式将输入身份证信息输入身份证号码,但身份证号码通常是15或18位数字,如果你直接输入在Excel的情况下,会出现的情况。显然,作为数字的位数太长,Excel将其简化为一个…

快乐人格签名

快乐人格签名

人格,快乐,电脑软件,当它落下时,一个地方的忧郁就消失了,幸福的标志使你快乐。 手臂是你打的伤痕,但不觉得疼。 心中黑了,话不多,足以让我回忆起。 在熙熙攘攘的世界里,我只是一个旁观者。 一个繁华的梦,只要我不悲伤,没有眼泪, 记住,它有什么用途,它…

ps切片工具使用图形教程

ps切片工具使用图形教程

图形,教程,工具使用,切片,电脑软件,有两种类型的切片,一种是用户切片,另一种是用户在图像上拉出的切片,另一种是从用户切片中派生出来的切片,下面的小编辑器将用图形教程共享ps切片工具,希望能对您有所帮助。 PS切片工具是一个很好的功能。它可…

人工智能三维立体定位方法

人工智能三维立体定位方法

定位,方法,人工智能,三维立体,电脑软件,本教程是向朋友介绍ai制作美丽的3D立体方法。教程制作的三维立体字非常漂亮,难度也不大。建议像你这样的朋友可以通过教程学习。 这些教程教朋友使用AI制作立体单词。这个教程很简单,是一个入门类的AI…

使用HTML5画布的划痕效果

使用HTML5画布的划痕效果

划痕,效果,电脑软件,先告诉你效果: 下载下载演示源代码 你玩过刮刮卡一个无心的人,可以获奖。我要共享一张基于HTML5技术的卡片来达到划痕的效果,你今天在PC上只需要按手机上的鼠标,你只需要按住手指,轻轻地刮掉层就能模拟真正的奖品刮效果。 …

使用jQuery分页控件在ANGULARJS

使用jQuery分页控件在ANGULARJS

分页,控件,电脑软件,jQuery,ANGULARJS,首先,我不知道写什么,思考,分页控制的方法,希望能讨论一下。 分页是前端数据显示的常用功能。在角js使用本地寻呼需要把所有的数据到前端,然后到首页分页,在海量数据的操作是不现实的。接下来,我介绍一个修…

excel表格自动求和公式及批补课exc

excel表格自动求和公式及批补课exc

公式,表格,基础,电脑软件,excel,许多朋友在做一些数据表格时使用公式运算,包括多表中的数据总和。求和是一个我们在excel表格中经常使用的运算公式。我们从两个表中添加数据以获得结果,或者我们将多个表加在一起以获得数据结果。 在Excel表中…

excel快速输入实用技能excel基础

excel快速输入实用技能excel基础

输入,技能,快速,基础,电脑软件,以下是excel快速输入实用技巧,供大家分享。我希望你能帮助你。 1。快速输入大量相同的数据 如果你想在一个不同的单元格中输入很多相同的数据,你不必一个接一个地输入它。 具体方法是:首先选择需要同时填充数据…

Excel基础是如何位于excel基的标题

Excel基础是如何位于excel基的标题

标题,基础,电脑软件,Excel,excel,在Excel中添加到工作表中的背景在整个工作表中排列。它只能在桌子的顶部吗 1、执行格式具有;表RARR;背景命令,打开工作表背景;;对话框,选择图片需要背景,按下插入按钮,将图片,整个工作表下。 2。按住Ctrl键时,鼠标拖…