红包
◆ [2024-12-22 星期日 17:35] ◆
您来自：3.129.63.214，欢迎您访问風雲工作室。
◆
收藏本站
◆ | ◆
设为首页
◆
联系站长（腾讯QQ）
5029111 [風雲]
〓
站长当前离线
〓
首 页
论坛交流
游戏频道
无忧脚本
旧版论坛
云服务器
聊 天 室
自助链接
来访记录
访客留言
搜索提供
位置：
風雲工作室
-
论坛交流
-
技术专栏
-
后台开发
- JS分页方法
返回
主题：JS分页方法
Rimifon
★☆☆☆☆☆☆☆☆☆
积分：285
发帖：317
登录：2024/3/26
注册：2006/6/28
（1楼）
JS分页方法
<html><head> <style> .PageLink{display:block;text-decoration:none;padding:1mm 1mm 0 1mm;font-size:9pt} .PageLink:hover{background-color:yellow} </style> <script> function PageSet(PageCount, CurrentPage) { if(CurrentPage < 1) CurrentPage = 1; if(CurrentPage > PageCount) CurrentPage = PageCount; CurrentPage--; var Start = CurrentPage - (CurrentPage % 11) + 11; if(Start > PageCount) Start = PageCount; var End = CurrentPage - (CurrentPage % 11) + 1 ; return [PageCount, Start, ++CurrentPage, End]; } function Pagination(pageArr) { var Page = "<td align=\"center\"><a class=\"PageLink\""; Page += pageArr[0]>pageArr[1]?" href=\"?Page=" + pageArr[0] + "\"":""; Page += "><font face=\"webdings\">9</font></a></td>"; Page += "<td align=\"center\"><a class=\"PageLink\""; Page += pageArr[0]>pageArr[1]?" href=\"?Page=" + (pageArr[1]+11>pageArr[0]?pageArr[0]:pageArr[1]+11) + "\"":""; Page += "><font face=\"webdings\">7</font></a></td>"; for(var C=pageArr[1];C>pageArr[2];C--) { Page += "<td align=\"center\"><a class=\"PageLink\" href=?Page=" + C + ">" + C + "</a></td>"; } if(pageArr[2]>0) Page += "<td align=\"center\"><a class=\"PageLink\"><b>" + pageArr[2] + "</b></a></td>"; for(var C=pageArr[2]-1;C>=pageArr[3];C--) { Page += "<td align=\"center\"><a class=\"PageLink\" href=?Page=" + C + ">" + C + "</a></td>"; } Page += "<td align=\"center\"><a class=\"PageLink\""; Page += pageArr[3]>=11?" href=\"?Page=" + (pageArr[3]-11) + "\"":""; Page += "><font face=\"webdings\">8</font></a></td>"; Page += "<td align=\"center\"><a class=\"PageLink\""; Page += pageArr[3]>=11?" href=\"?Page=1\"":""; Page += "><font face=\"webdings\">:</font></a></td>"; return "<table border cellpadding=\"0\" style=\"border-collapse:collapse\"><tr>" + Page + "</tr></table>"; } </script></head><body> <script>document.write(Pagination(PageSet(542, 61)));</script> </body></html>
[您可以先修改代码再运行]
風雲工作室
时间:
2006年8月29日 11:35:31
ＩＰ:
已记录
引用
回复
Rimifon
★☆☆☆☆☆☆☆☆☆
积分：285
发帖：317
登录：2024/3/26
注册：2006/6/28
（2楼）
应用本站的样式效果
<html><head> <style> @import "/Client/Public.css"; .PageLink{display:block;padding:0mm 1mm 0 1mm;font-size:9pt} .PageLink:hover{background-color:#ffffff;text-decoration:none} </style> <script> function PageSet(PageCount, CurrentPage) { if(CurrentPage < 1) CurrentPage = 1; if(CurrentPage > PageCount) CurrentPage = PageCount; CurrentPage--; var Start = CurrentPage - (CurrentPage % 11) + 11; if(Start > PageCount) Start = PageCount; var End = CurrentPage - (CurrentPage % 11) + 1 ; return [PageCount, Start, ++CurrentPage, End]; } function Pagination(pageArr) { var Page = "<td align=\"center\"><a class=\"PageLink\""; Page += pageArr[0]>pageArr[1]?" href=\"?Page=" + pageArr[0] + "\"":""; Page += "><font face=\"webdings\">9</font></a></td>"; Page += "<td align=\"center\"><a class=\"PageLink\""; Page += pageArr[0]>pageArr[1]?" href=\"?Page=" + (pageArr[1]+11>pageArr[0]?pageArr[0]:pageArr[1]+11) + "\"":""; Page += "><font face=\"webdings\">7</font></a></td>"; for(var C=pageArr[1];C>pageArr[2];C--) { Page += "<td align=\"center\"><a class=\"PageLink\" href=?Page=" + C + ">" + C + "</a></td>"; } if(pageArr[2]>0) Page += "<td align=\"center\"><a class=\"PageLink\"><b>" + pageArr[2] + "</b></a></td>"; for(var C=pageArr[2]-1;C>=pageArr[3];C--) { Page += "<td align=\"center\"><a class=\"PageLink\" href=?Page=" + C + ">" + C + "</a></td>"; } Page += "<td align=\"center\"><a class=\"PageLink\""; Page += pageArr[3]>=11?" href=\"?Page=" + (pageArr[3]-11) + "\"":""; Page += "><font face=\"webdings\">8</font></a></td>"; Page += "<td align=\"center\"><a class=\"PageLink\""; Page += pageArr[3]>=11?" href=\"?Page=1\"":""; Page += "><font face=\"webdings\">:</font></a></td>"; return "<table class=\"bg1\" border cellpadding=\"0\"><tr>" + Page + "</tr></table>"; } </script></head><body> <script>document.write(Pagination(PageSet(542, 61)));</script> </body></html>
[您可以先修改代码再运行]
風雲工作室
时间:
2006年8月29日 11:46:11
ＩＰ:
已记录
引用
回复
Rimifon
★☆☆☆☆☆☆☆☆☆
积分：285
发帖：317
登录：2024/3/26
注册：2006/6/28
（3楼）
滑动模式的分页，适合大数据量的预览分页方式
建议配合精确分页使用。
<html><head><script> function GetPage(Sender, Evt) { var clientX = Evt.clientX - Sender.offsetLeft; var totalPage = Sender.getAttribute("totalPage"); cursorPage = 1 + parseInt(clientX*totalPage/Sender.offsetWidth); if(cursorPage > totalPage) cursorPage = totalPage; Sender.innerHTML = cursorPage + "/" + totalPage; } </script></head><body> <div style="cursor:pointer;background-color:#abcdef;font-size:9pt;width:6cm" totalPage="200" onmousemove="GetPage(this, event)" align="center" onclick="alert('Goto: ' + innerHTML)"></div> </body></html>
[您可以先修改代码再运行]
風雲工作室
时间:
2006年8月29日 16:15:34
ＩＰ:
已记录
引用
回复
Rimifon
★☆☆☆☆☆☆☆☆☆
积分：285
发帖：317
登录：2024/3/26
注册：2006/6/28
（4楼）
按顺序来一个
<html><head> <style> .FenYe{border-collapse:collapse;font-size:9pt} .FenYe a{display:block;text-decoration:none;padding:1mm 1mm 0 1mm;font-size:9pt} .FenYe a:hover{background-color:yellow} </style> <script> var Rs = {"PageCount" : 500, "AbsolutePage" : 491}; var FenYe = new Pagination; FenYe.DataSource = Rs; FenYe.TableAttr = "border class=\"FenYe\""; function Pagination(Ds, PageKey, Amount) { if(!PageKey) PageKey = "Page"; if(!Amount) Amount = 10; this.DataSource = Ds; this.PageKey = PageKey; this.Amount = Amount; this.TableAttr = "border=\"1\" style=\"border-collapse:collapse\""; //var regUrl, strQuery = Request.QueryString.Item; var regUrl, strQuery = location.search.replace(/^\?/, ""); this.toString = function() { regUrl = new RegExp("(^|&)" + this.PageKey + "=\\d*", "i"); if(!strQuery) strQuery = this.PageKey + "=1"; if(!regUrl.test(strQuery)) strQuery += "&" + this.PageKey + "=1"; var CurrentPage = this.DataSource.AbsolutePage; if(CurrentPage < 1) CurrentPage = 1; if(CurrentPage > this.DataSource.PageCount) CurrentPage = this.DataSource.PageCount; CurrentPage--; var Start = CurrentPage - (CurrentPage % this.Amount) + 1; var End = CurrentPage - (CurrentPage % this.Amount) + Amount; if(End > this.DataSource.PageCount) End = this.DataSource.PageCount; var HTML = "<td>" + this.GetLink("<font face=\"webdings\">9</font>", this.DataSource.AbsolutePage > this.Amount ? 1 : null) + "</td>" + "<td>" + this.GetLink("<font face=\"webdings\">7</font>", this.DataSource.AbsolutePage > this.Amount ? Start - 1 : null) + "</td>"; for(var i = Start; i < End + 1; i++) { HTML += "<td>" + this.GetLink(i, this.DataSource.AbsolutePage == i ? null : i) + "</td>"; } HTML += "<td>" + this.GetLink("<font face=\"webdings\">8</font>", End < this.DataSource.PageCount ? End + 1 : null) + "</td>" + "<td>" + this.GetLink("<font face=\"webdings\">:</font>", End < this.DataSource.PageCount ? this.DataSource.PageCount : null) + "</td>"; return "<table" + (this.TableAttr ? " " + this.TableAttr : "") + "><tr>" + HTML + "</tr></table>"; } this.GetLink = function(text, pageBH) { if(pageBH === null) return text; return (text + "").link("?" + strQuery.replace(regUrl, "$1" + this.PageKey + "=" + pageBH)); } } </script></head><body> <script>document.write(FenYe);</script> </body></html>
[您可以先修改代码再运行]
風雲工作室
时间:
2007年6月18日 11:22:56
ＩＰ:
已记录
引用
回复
© Copyright 2006-2024,
風雲工作室
All rights reserved.
【
湘ICP备05009306号
】
QQ登录
操作 1 个库，连接 5 次，执行 10 次，耗时 157 毫秒。
