分页
<!--page-->
<ul class="pagnation" style="margin: 20px 0px; font-size: 12px;">
<a class="page-prev" id="propage">上一页</a><a class="current" value="1">1</a><a class="page-next"
id="nextpage">下一页</a><span class="marginleft10">每页显示<select class="xiala xialaw60"
id="contentsize"><option selected="selected">10</option>
<option>15</option>
<option>20</option>
<option>30</option>
<option>50</option>
</select>条，共<span id="pagecount">1</span>页，合计：<span id="sumpage">3</span>条记录</span></ul>
<!--/page-->
/************************** 分页样式********************** */
.pagnation { text-align: center; float:left; width:100%;line-height: 0px;height: 30px;}
.pagnation a {text-decoration: none; font-size:12px; display: inline-block;color:#666; width: 26px; height: 26px; line-height: 26px; overflow: hidden; background: url(../images/yxBk/sprite.png) no-repeat 0 0px; margin-left: 4px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pagnation a:hover { background-position:0 -31px; color: #fff; text-decoration: none }
.pagnation a.nodata { width: 100%;background: #F5F4F3;font-size: 17px;cursor: default;margin: 0px;}
.pagnation a.nodata:hover {width: 100%;background: #F5F4F3;font-size: 17px;color:#666; cursor:default;}
.pagnation .page-prev, .pagnation .page-next { line-height: 555px; }
.pagnation .page-prev { background-position: -30px 0px; }
.pagnation .page-prev:hover { background-position: -30px -31px; }
.pagnation .page-next { background-position: -60px 0px; }
.pagnation .page-next:hover { background-position:-60px -31px; }
.pagnation .current { background-position: 0px -31px; color: #fff }
.marginleft10{ margin-left:10px; color:#999; }
.xiala{border: 1px solid #d7d7d7; box-shadow: none;height:30px;margin: 0;padding: 2px 6px; color:#999;font-family:"微软雅黑"; font-size:14px; }
.xialaw60{ width:60px; margin:0 10px;}
/************************** /分页样式********************** */
