zoukankan      html  css  js  c++  java
  • 分页

                            <!--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; 100%;line-height: 0px;height: 30px;}
    .pagnation a {text-decoration: none; font-size:12px; display: inline-block;color:#666; 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 { 100%;background: #F5F4F3;font-size: 17px;cursor: default;margin: 0px;}
    .pagnation a.nodata:hover { 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{ 60px; margin:0 10px;}
    /************************** /分页样式********************** */

  • 相关阅读:
    【XSY2166】Hope 分治 FFT
    【XSY2612】Comb Avoiding Trees 生成函数 多项式求逆 矩阵快速幂
    【BZOJ1578】【USACO2009Feb】股票市场 背包DP
    【BZOJ2333】【SCOI2011】棘手的操作 treap合并
    【BZOJ1580】【USACO2009Hol】杀手游戏 计算几何
    【BZOJ3379】【USACO2004】交作业 区间DP
    【BZOJ2208】【JSOI2010】连通数 传递闭包
    【BZOJ4033】【HAOI2015】树上染色 树形DP
    【BZOJ3816】【清华集训2014】矩阵变换 稳定婚姻问题
    【XSY2528】道路建设 LCT 可持久化线段树
  • 原文地址:https://www.cnblogs.com/zhouyx/p/5333224.html
Copyright © 2011-2022 走看看