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;}
    /************************** /分页样式********************** */

  • 相关阅读:
    计算1的个数
    【环境配置】配置git
    Spoj 9887 Binomial coefficients 构造
    程序猿与HR博弈之:有城府的表达你的兴趣爱好
    C和指针 (pointers on C)——第六章:指针(上)
    关于undo表空间配置错误的ORA-30012
    每天进步一点点——Linux系统中的异常堆栈跟踪简单实现
    javaScript 对象的使用
    手机游戏加密那点事儿_2d资源加密_1
    支持向量机
  • 原文地址:https://www.cnblogs.com/zhouyx/p/5333224.html
Copyright © 2011-2022 走看看