zoukankan      html  css  js  c++  java
  • js分页


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"lang="utf-8">
    <head>
    <meta http-equiv="Content-Type"content="text/html; charset=gb2312" />
    <meta name="Keywords" content="upsscs,网站设计,网站制作" />
    <meta name="Description" content="upsscs,网站设计,网站制作" />
        <title>辛苦分页程序--三原色阿PAUL</title>
    <style type="text/css">
    <!--
    body{margin:0px; padding:0px}
    #mainbody{margin:12px auto ; 600px; border:1px solid#f2f2f2; background-color:#FF9900}
    #showmess{margin:12px auto ; 600px; border:1px solid#f2f2f2;}
    #pages{margin:12px auto ; 600px; border:1px solid#f2f2f2;}
    ul{ margin:0px; padding:0px; }
    ul li{margin:3px 0px; padding-left:15px; font-size:14px;line-height:20px; background-color:#CEEAFF}
    dl{ margin:0px; padding:0px; height:280px }
    dl dd{margin:3px 0px; padding-left:15px; font-size:14px;line-height:20px; background-color:#CEEAFF}
    A:link,A:visited,A:active{display:block; float:left;margin:2px 5px; 50px; height:auto; line-height:21px;color:#000033; font-size:12px; text-decoration:none}
    A:hover{color:#FF6600; text-decoration:none}
    -->
    </style>
    </head>
    <body>
    <div id="showmess">
    <dl id="showme">
    </dl>
    </div>
    <div id="mainbody" style="display:none">
    <ul>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li><li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    <li>10</li>
    <li>11</li>
    <li>12</li>
    <li>13</li>
    <li>14</li>
    <li>15</li>
    <li>16</li>
    <li>17</li>
    <li>18</li>
    <li>19</li>
    <li>20</li>
    <li>21</li>
    <li>22</li>
    <li>23</li>
    <li>24</li>
    <li>25</li>
    <li>26</li>
    <li>1sss</li>
    <li>2sss</li>
    <li>3ss</li>
    <li>4sss</li>
    <li>5ssss</li>
    <li>6sssss</li>
    <li>7</li>
    <li>8ssss</li>
    <li>9sewdewd</li>
    </ul>
    </div>
    <divid="pages"></div>
    <scriptlanguage="javascript">
    var toutaltiao;
    var toutalpage;
    var onpage;
    var tiaoshu=12;
    var firstiao;
    function g(v){return document.getElementByIdx_x(v);}
    var mylii=document.getElementsByTagName_r("li")
    toutaltiao=mylii.length;
    if (toutaltiao==0){
    toutalpage=parseInt(toutaltiao/12)
    }else{
    toutalpage=parseInt(toutaltiao/12)+1
    }
    function setpage(page){
    g("showme").innerHTML="";
    onpage=page;
    firstiao=(onpage-1)*tiaoshu;
       for (var i=firstiao;i<firstiao+12; i++)
       {
      g("showme").innerHTML=g("showme").innerHTML+"<dd>"+mylii[i].innerHTML+"</dd>";
        }
         returnfalse;
    }
    function writepage(){
    for (var i=1; i<toutalpage+1; i++)
    g("pages").innerHTML=g("pages").innerHTML+"<ahref='###' onclick='setpage("+i+")'>第 "+ i +"页</a>";
    }
    window.onload=function(){
    setpage(1);
    }
    </script>
    <scriptlanguage="javascript">writepage();</script>
    </body>
    </html>
  • 相关阅读:
    点击标签实现元素的显示与隐藏
    二叉排序树查找 递归 非递归
    新闻实时分析系统 SQL快速离线数据分析
    新闻实时分析系统 Spark2.X集群运行模式
    新闻实时分析系统 Spark2.X分布式弹性数据集
    linux top命令查看内存及多核CPU的使用讲述
    新闻实时分析系统 基于IDEA环境下的Spark2.X程序开发
    新闻实时分析系统 Spark2.X环境准备、编译部署及运行
    新闻实时分析系统Hive与HBase集成进行数据分析 Cloudera HUE大数据可视化分析
    新闻实时分析系统Hive与HBase集成进行数据分析
  • 原文地址:https://www.cnblogs.com/dcrenl/p/4041114.html
Copyright © 2011-2022 走看看