<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>模板在线-手机js特效jquery触屏版自适应手机版列表分页样式源码下载-http://www.htmldivcss.com/JS/</title>
<meta name="viewport" content="width=device-width" />
<style>
*{margin:0px; padding:0px;}
body{margin:0 auto; font-size:12px; color:#666; font-family:"微软雅黑", Simsun;}
li{list-style:none;}
img{border:none;}
a, a:visited{text-decoration:none;}
.tong{ background:url(../images/images/sy-toubjing_03.gif) repeat-x 0px -11px; width:100%; height:40px;}
.wrap{ width:auto; max-width:320px; margin:0 auto;}
.center{ width:103%; margin:0 auto;}
/***************分页******************/
.fenye{ float:left; margin-top:10px;}
.fenye ul{ float:left; margin-left:32px; }
.fenye ul li{ float:left; margin-left:5px;padding: 4px 6px; border:1px solid #ccc; font-weight:bold; cursor:pointer; color:#999;}
.fenye ul li a{ color:#999;}
.fenye ul li.xifenye{ width:38px; text-align:center; float:left; position:relative;cursor: pointer;}
.fenye ul li .xab{ float:left; position:absolute; width:39px; border:1px solid #ccc; height:123px; overflow-y: auto;overflow-x: hidden;top:-125px; background-color: #fff; display:inline;left:-1px; width:50px;}
.fenye ul li .xab ul{ margin-left:0; padding-bottom:0;}
.fenye ul li .xab ul li{ border:0; padding:4px 0px; color:#999; width:34px; margin-left:0px; text-align:center;}
</style>
</head>
<body>
<!--下一页--->
<div class="wrap" style="margin-top:300px;">
<div class="fenye">
<ul>
<li id="first">首页</li>
<li id="top" onclick="topclick()">上一页</li>
<li class="xifenye" id="xifenye">
<a id="xiye">1</a>/<a id="mo">66</a>
<div class="xab" id="xab" style="display:none">
<ul id="uljia">
</ul>
</div>
</li>
<li id="down" onclick="downclick()">下一页</a></li>
<li id="last">末页</li>
</ul>
</div>
</div>
<script src="js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="js/public.js" type="text/javascript"></script>
<div align="center" style="clear:both;font-size:12px;color:#666;"><br><br><br><br>
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p>
<p>来源：<a href="http://www.htmldivcss.com/JS/" target="_blank">手机js特效</a></p>
</div>
</body>
</html>
