日期:2014-05-16  浏览次数:20445 次

纯js分页,如何添加上一个,下一页!
拜托各位大神、大侠们,帮我实现一下,下一页上一页的功能,谢谢你们了!

<!DOCTYPE html PUBLIC "-//W3C//Da XHTML 1.0 liansitional//EN" "http://www.w3.org/li/xhtml1/Da/xhtml1-liansitional.da">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>中国站长天空-网页特效-综合特效-静态代码的分页效果</title>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
.wrap{ width:500px; margin:0 auto; overflow:hidden; *zoom:1; text-align:center;}

#mydiv li{display:none; float:left; margin-left:10px;}

#changpage{ clear:both; float:left;}
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div class="wrap">
<ul id="mydiv">
<li><a>01</a></li>
<li><a>02</a></li>
<li><a>03</a></li>
<li><a>04</a></li>
<li><a>05</a></li>
<li><a>06</a></li>
<li><a>07</a></li>
<li><a>08</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>
<li><a>09</a></li>
<li><a>10</a></li>
<li><a>11</a></li>
<li><a>12</a></li>
<li><a>13</a></li>
<li><a>14</a></li>
<li><a>15</a></li>
<li><a>16</a></li>
<li><a>17</a></li>
<li><a>18</a></li>
<li><a>19</a></li>
<li><a>20</a></li>
<li><a>21</a></li>

</ul>