程序博客网 > 淘宝开店类目怎么填

js 分页代码

来源：互联网 发布：淘宝开店类目怎么填 编辑：程序博客网 时间：2024/05/16 17:40
  1. <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title> JavaScript: showPages v1.0 [by Lapuasi.com]</title>
  6. <script language="JavaScript">
  7. <!--
  8. /*
  10. showPages v1.1
  11. =================================
  13. Infomation
  14. ----------------------
  15. Author : Lapuasi
  16. E-Mail : lapuasi@gmail.com
  17. Web : http://www.lapuasi.com
  18. Date : 2005-11-17
  21. Example
  22. ----------------------
  23. var pg = new showPages('pg');
  24. pg.pageCount = 12; //定义总页数(必要)
  25. pg.argName = 'p';    //定义参数名(可选,缺省为page)
  26. pg.printHtml();        //显示页数
  29. Supported in Internet Explorer, Mozilla Firefox
  30. */
  32. function showPages(name) { //初始化属性
  33.     this.name = name;      //对象名称
  34.     this.page = 1;         //当前页数
  35.     this.pageCount = 1;    //总页数
  36.     this.argName = 'page'; //参数名
  37.     this.showTimes = 1;    //打印次数
  38. }
  40. showPages.prototype.getPage = function(){ //丛url获得当前页数,如果变量重复只获取最后一个
  41.     var args = location.search;
  42.     var reg = new RegExp('[/?&]?' + this.argName + '=([^&]*)[&$]?', 'gi');
  43.     var chk = args.match(reg);
  44.     this.page = RegExp.$1;
  45. }
  46. showPages.prototype.checkPages = function(){ //进行当前页数和总页数的验证
  47.     if (isNaN(parseInt(this.page))) this.page = 1;
  48.     if (isNaN(parseInt(this.pageCount))) this.pageCount = 1;
  49.     if (this.page < 1) this.page = 1;
  50.     if (this.pageCount < 1) this.pageCount = 1;
  51.     if (this.page > this.pageCount) this.page = this.pageCount;
  52.     this.page = parseInt(this.page);
  53.     this.pageCount = parseInt(this.pageCount);
  54. }
  55. showPages.prototype.createHtml = function(mode){ //生成html代码
  56.     var strHtml = '', prevPage = this.page - 1, nextPage = this.page + 1;
  57.     if (mode == '' || typeof(mode) == 'undefined') mode = 0;
  58.     switch (mode) {
  59.         case 0 : //模式1 (页数,首页,前页,后页,尾页)
  60.             strHtml += '<span class="count">Pages: ' + this.page + ' / ' + this.pageCount + '</span>';
  61.             strHtml += '<span class="number">';
  62.             if (prevPage < 1) {
  63.                 strHtml += '<span title="First Page">«</span>';
  64.                 strHtml += '<span title="Prev Page">‹</span>';
  65.             } else {
  66.                 strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">«</a></span>';
  67.                 strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">‹</a></span>';
  68.             }
  69.             for (var i = 1; i <= this.pageCount; i++) {
  70.                 if (i > 0) {
  71.                     if (i == this.page) {
  72.                         strHtml += '<span title="Page ' + i + '">[' + i + ']</span>';
  73.                     } else {
  74.                         strHtml += '<span title="Page ' + i + '"><a href="javascript:' + this.name + '.toPage(' + i + ');">[' + i + ']</a></span>';
  75.                     }
  76.                 }
  77.             }
  78.             if (nextPage > this.pageCount) {
  79.                 strHtml += '<span title="Next Page">›</span>';
  80.                 strHtml += '<span title="Last Page">»</span>';
  81.             } else {
  82.                 strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">›</a></span>';
  83.                 strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">»</a></span>';
  84.             }
  85.             strHtml += '</span><br />';
  86.             break;
  87.         case 1 : //模式1 (10页缩略,首页,前页,后页,尾页)
  88.             strHtml += '<span class="count">Pages: ' + this.page + ' / ' + this.pageCount + '</span>';
  89.             strHtml += '<span class="number">';
  90.             if (prevPage < 1) {
  91.                 strHtml += '<span title="First Page">«</span>';
  92.                 strHtml += '<span title="Prev Page">‹</span>';
  93.             } else {
  94.                 strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">«</a></span>';
  95.                 strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">‹</a></span>';
  96.             }
  97.             if (this.page % 10 ==0) {
  98.                 var startPage = this.page - 9;
  99.             } else {
  100.                 var startPage = this.page - this.page % 10 + 1;
  101.             }
  102.             if (startPage > 10) strHtml += '<span title="Prev 10 Pages"><a href="javascript:' + this.name + '.toPage(' + (startPage - 1) + ');">...</a></span>';
  103.             for (var i = startPage; i < startPage + 10; i++) {
  104.                 if (i > this.pageCount) break;
  105.                 if (i == this.page) {
  106.                     strHtml += '<span title="Page ' + i + '">[' + i + ']</span>';
  107.                 } else {
  108.                     strHtml += '<span title="Page ' + i + '"><a href="javascript:' + this.name + '.toPage(' + i + ');">[' + i + ']</a></span>';
  109.                 }
  110.             }
  111.             if (this.pageCount >= startPage + 10) strHtml += '<span title="Next 10 Pages"><a href="javascript:' + this.name + '.toPage(' + (startPage + 10) + ');">...</a></span>';
  112.             if (nextPage > this.pageCount) {
  113.                 strHtml += '<span title="Next Page">›</span>';
  114.                 strHtml += '<span title="Last Page">»</span>';
  115.             } else {
  116.                 strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">›</a></span>';
  117.                 strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">»</a></span>';
  118.             }
  119.             strHtml += '</span><br />';
  120.             break;
  121.         case 2 : //模式2 (前后缩略,页数,首页,前页,后页,尾页)
  122.             strHtml += '<span class="count">Pages: ' + this.page + ' / ' + this.pageCount + '</span>';
  123.             strHtml += '<span class="number">';
  124.             if (prevPage < 1) {
  125.                 strHtml += '<span title="First Page">«</span>';
  126.                 strHtml += '<span title="Prev Page">‹</span>';
  127.             } else {
  128.                 strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">«</a></span>';
  129.                 strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">‹</a></span>';
  130.             }
  131.             if (this.page != 1) strHtml += '<span title="Page 1"><a href="javascript:' + this.name + '.toPage(1);">[1]</a></span>';
  132.             if (this.page >= 5) strHtml += '<span>...</span>';
  133.             if (this.pageCount > this.page + 2) {
  134.                 var endPage = this.page + 2;
  135.             } else {
  136.                 var endPage = this.pageCount;
  137.             }
  138.             for (var i = this.page - 2; i <= endPage; i++) {
  139.                 if (i > 0) {
  140.                     if (i == this.page) {
  141.                         strHtml += '<span title="Page ' + i + '">[' + i + ']</span>';
  142.                     } else {
  143.                         if (i != 1 && i != this.pageCount) {
  144.                             strHtml += '<span title="Page ' + i + '"><a href="javascript:' + this.name + '.toPage(' + i + ');">[' + i + ']</a></span>';
  145.                         }
  146.                     }
  147.                 }
  148.             }
  149.             if (this.page + 3 < this.pageCount) strHtml += '<span>...</span>';
  150.             if (this.page != this.pageCount) strHtml += '<span title="Page ' + this.pageCount + '"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">[' + this.pageCount + ']</a></span>';
  151.             if (nextPage > this.pageCount) {
  152.                 strHtml += '<span title="Next Page">›</span>';
  153.                 strHtml += '<span title="Last Page">»</span>';
  154.             } else {
  155.                 strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">›</a></span>';
  156.                 strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">»</a></span>';
  157.             }
  158.             strHtml += '</span><br />';
  159.             break;
  160.         case 3 : //模式3 (箭头样式,首页,前页,后页,尾页) (only IE)
  161.             strHtml += '<span class="count">Pages: ' + this.page + ' / ' + this.pageCount + '</span>';
  162.             strHtml += '<span class="arrow">';
  163.             if (prevPage < 1) {
  164.                 strHtml += '<span title="First Page">9</span>';
  165.                 strHtml += '<span title="Prev Page">7</span>';
  166.             } else {
  167.                 strHtml += '<span title="First Page"><a href="javascript:' + this.name + '.toPage(1);">9</a></span>';
  168.                 strHtml += '<span title="Prev Page"><a href="javascript:' + this.name + '.toPage(' + prevPage + ');">7</a></span>';
  169.             }
  170.             if (nextPage > this.pageCount) {
  171.                 strHtml += '<span title="Next Page">8</span>';
  172.                 strHtml += '<span title="Last Page">:</span>';
  173.             } else {
  174.                 strHtml += '<span title="Next Page"><a href="javascript:' + this.name + '.toPage(' + nextPage + ');">8</a></span>';
  175.                 strHtml += '<span title="Last Page"><a href="javascript:' + this.name + '.toPage(' + this.pageCount + ');">:</a></span>';
  176.             }
  177.             strHtml += '</span><br />';
  178.             break;
  179.         case 4 : //模式4 (下拉框)
  180.             if (this.pageCount < 1) {
  181.                 strHtml += '<select name="toPage" disabled>';
  182.                 strHtml += '<option value="0">No Pages</option>';
  183.             } else {
  184.                 var chkSelect;
  185.                 strHtml += '<select name="toPage" onchange="' + this.name + '.toPage(this);">';
  186.                 for (var i = 1; i <= this.pageCount; i++) {
  187.                     if (this.page == i) chkSelect=' selected="selected"';
  188.                     else chkSelect='';
  189.                     strHtml += '<option value="' + i + '"' + chkSelect + '>Pages: ' + i + ' / ' + this.pageCount + '</option>';
  190.                 }
  191.             }
  192.             strHtml += '</select>';
  193.             break;
  194.         case 5 : //模式5 (输入框)
  195.             strHtml += '<span class="input">';
  196.             if (this.pageCount < 1) {
  197.                 strHtml += '<input type="text" name="toPage" value="No Pages" class="itext" disabled="disabled">';
  198.                 strHtml += '<input type="button" name="go" value="GO" class="ibutton" disabled="disabled"></option>';
  199.             } else {
  200.                 strHtml += '<input type="text" value="Input Page:" class="ititle" readonly="readonly">';
  201.                 strHtml += '<input type="text" id="pageInput' + this.showTimes + '" value="' + this.page + '" class="itext" title="Input page" onkeypress="return ' + this.name + '.formatInputPage(event);" onfocus="this.select()">';
  202.                 strHtml += '<input type="text" value=" / ' + this.pageCount + '" class="icount" readonly="readonly">';
  203.                 strHtml += '<input type="button" name="go" value="GO" class="ibutton" onclick="' + this.name + '.toPage(document.getElementById(/'pageInput' + this.showTimes + '/').value);"></option>';
  204.             }
  205.             strHtml += '</span>';
  206.             break;
  207.         default :
  208.             strHtml = 'Javascript showPage Error: not find mode ' + mode;
  209.             break;
  210.     }
  211.     return strHtml;
  212. }
  213. showPages.prototype.createUrl = function (page) { //生成页面跳转url
  214.     if (isNaN(parseInt(page))) page = 1;
  215.     if (page < 1) page = 1;
  216.     if (page > this.pageCount) page = this.pageCount;
  217.     var url = location.protocol + '//' + location.host + location.pathname;
  218.     var args = location.search;
  219.     var reg = new RegExp('([/?&]?)' + this.argName + '=[^&]*[&$]?', 'gi');
  220.     args = args.replace(reg,'$1');
  221.     if (args == '' || args == null) {
  222.         args += '?' + this.argName + '=' + page;
  223.     } else if (args.substr(args.length - 1,1) == '?' || args.substr(args.length - 1,1) == '&') {
  224.             args += this.argName + '=' + page;
  225.     } else {
  226.             args += '&' + this.argName + '=' + page;
  227.     }
  228.     return url + args;
  229. }
  230. showPages.prototype.toPage = function(page){ //页面跳转
  231.     var turnTo = 1;
  232.     if (typeof(page) == 'object') {
  233.         turnTo = page.options[page.selectedIndex].value;
  234.     } else {
  235.         turnTo = page;
  236.     }
  237.     self.location.href = this.createUrl(turnTo);
  238. }
  239. showPages.prototype.printHtml = function(mode){ //显示html代码
  240.     this.getPage();
  241.     this.checkPages();
  242.     this.showTimes += 1;
  243.     document.write('<div id="pages_' + this.name + '_' + this.showTimes + '" class="pages"></div>');
  244.     document.getElementById('pages_' + this.name + '_' + this.showTimes).innerHTML = this.createHtml(mode);
  245.     
  246. }
  247. showPages.prototype.formatInputPage = function(e){ //限定输入页数格式
  248.     var ie = navigator.appName=="Microsoft Internet Explorer"?true:false;
  249.     if(!ie) var key = e.which;
  250.     else var key = event.keyCode;
  251.     if (key == 8 || key == 46 || (key >= 48 && key <= 57)) return true;
  252.     return false;
  253. }
  254. //-->
  255. </script>
  256. <style>
  257. /* Pages Main Tyle */
  258. .pages {
  259.     color: #000000;
  260.     cursor: default;
  261.     font-size: 10px;
  262.     font-family: Tahoma, Verdana;
  263.     padding: 3px 0px 3px 0px;
  264. }
  265. .pages .count, .pages .number, .pages .arrow {
  266.     color: #000000;
  267.     font-size: 10px;
  268.     background-color: #F7F7F7;
  269.     border: 1px solid #CCCCCC;
  270. }
  271. /* Page and PageCount Style */
  272. .pages .count {
  273.     font-weight: bold;
  274.     border-right: none;
  275.     padding: 2px 10px 1px 10px;
  276. }
  277. /* Mode 0,1,2 Style (Number) */
  278. .pages .number {
  279.     font-weight: normal;
  280.     padding: 2px 10px 1px 10px;
  281. }
  282. .pages .number a, .pages .number span {
  283.     font-size: 10px;
  284. }
  285. .pages .number span {
  286.     color: #999999;
  287.     margin: 0px 3px 0px 3px;
  288. }
  289. .pages .number a {
  290.     color: #000000;
  291.     text-decoration: none;
  292. }
  293. .pages .number a:hover {
  294.     color: #0000ff;
  295. }
  296. /* Mode 3 Style (Arrow) */
  297. .pages .arrow {
  298.     font-weight: normal;
  299.     padding: 0px 5px 0px 5px;
  300. }
  301. .pages .arrow a, .pages .arrow span {
  302.     font-size: 10px;
  303.     font-family: Webdings;
  304. }
  305. .pages .arrow span {
  306.     color: #999999;
  307.     margin: 0px 5px 0px 5px;
  308. }
  309. .pages .arrow a {
  310.     color: #000000;
  311.     text-decoration: none;
  312. }
  313. .pages .arrow a:hover {
  314.     color: #0000ff;
  315. }
  316. /* Mode 4 Style (Select) */
  317. .pages select, .pages input {
  318.     color: #000000;
  319.     font-size: 10px;
  320.     font-family: Tahoma, Verdana;
  321. }
  322. /* Mode 5 Style (Input) */
  323. .pages .input input.ititle, .pages .input input.itext, .pages .input input.icount {
  324.     color: #666666;
  325.     font-weight: bold;
  326.     background-color: #F7F7F7;
  327.     border: 1px solid #CCCCCC;
  328. }
  329. .pages .input input.ititle {
  330.     width: 70px;
  331.     text-align: right;
  332.     border-right: none;
  333. }
  334. .pages .input input.itext {
  335.     width: 25px;
  336.     color: #000000;
  337.     text-align: right;
  338.     border-left: none;
  339.     border-right: none;
  340. }
  341. .pages .input input.icount {
  342.     width: 35px;
  343.     text-align: left;
  344.     border-left: none;
  345. }
  346. .pages .input input.ibutton {
  347.     height: 17px;
  348.     color: #FFFFFF;
  349.     font-weight: bold;
  350.     font-family: Verdana;
  351.     background-color: #999999;
  352.     border: 1px solid #666666;
  353.     padding: 0px 0px 2px 1px;
  354.     margin-left: 2px;
  355.     cursor: hand;
  356. }
  358. /* body */
  359. body {
  360.     font-size: 12px;
  361. }
  362. </style>
  363. </head>
  365. <body>
  366. <script language="JavaScript">
  367. <!--
  368. var pg = new showPages('pg');
  369. pg.pageCount =12;  // 定义总页数(必要)
  370. //pg.argName = 'p';  // 定义参数名(可选,默认为page)
  372. document.write('<br>Show Times: ' + pg.showTimes + ', Mood Default');
  373. pg.printHtml();
  374. document.write('<br>Show Times: ' + pg.showTimes + ', Mood 0');
  375. pg.printHtml(0);
  376. document.write('<br>Show Times: ' + pg.showTimes + ', Mood 1');
  377. pg.printHtml(1);
  378. document.write('<br>Show Times: ' + pg.showTimes + ', Mood 2');
  379. pg.printHtml(2);
  380. document.write('<br>Show Times: ' + pg.showTimes + ', Mood 3 (only IE)');
  381. pg.printHtml(3);
  382. document.write('<br>Show Times: ' + pg.showTimes + ', Mood 4');
  383. pg.printHtml(4);
  384. document.write('<br>Show Times: ' + pg.showTimes + ', Mood 5');
  385. pg.printHtml(5);
  386. //-->
  387. </script>
  388. </body>
  389. </html>
淘宝开店类目怎么填 淘宝开店类目怎么填
原创粉丝点击
热门IT博客
漫画控要网络漫画控要网络
java是解释型语言吗java是解释型语言吗
ubnt设置网络唤醒
仿易企秀源码
图书馆可视化数据工具
java和运维工程师
cf专业刷枪软件
淘宝女款钱包
30亿年的战争 知乎
软件测试方法和技术
yum 安装snmp
java api 中文
iphone6s网络设置在哪
c语言switch
java转行可以做什么
lytro illum 软件
手机打网络电话软件
软件开发 tr4阶段
电信宽带网络电视套餐
骗淘宝运费险会封号吗
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 龙鱼吃什么 龙鱼论坛 龙鱼之颠 龙鱼好养吗 龙鱼吧 龙鱼寿命 龙鱼多少钱 福龙鱼 龙鱼纹身 龙鱼品种 如何养龙鱼 怎么养龙鱼 龙鱼之巅吧 龙鱼的寓意 梦见龙鱼 非洲龙鱼 龙鱼饲料 鲸龙鱼 梦到龙鱼 拂素起龙鱼 龙鱼之巅网 龙鱼 观赏鱼 龙鱼族 龙鱼多少钱一条 雷龙鱼怎么养 龙鱼怎么做好吃又简单 龙鱼怎么繁殖 龙鱼适合的水温 珍珠龙鱼价格 龙鱼趴缸见人就起来 龙鱼之巅论坛 龙鱼价格及图片 星点龙鱼图片 星点龙鱼长大后图片 六角龙鱼多少钱一条 龙鱼喂什么好 龙鱼要多大的缸 龙鱼能长多大 曼龙鱼能长多大 龙鱼不吃食怎么回事 龙鱼为什么那么贵

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里