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

  • 相关阅读:
    Maven的使用--Eclipse在线安装Maven插件m2e
    Maven的使用--安装
    oracle 函数
    oracle dblink使用
    【JVM】应用CPU冲高问题
    【Git】git操作(转)
    【java】判断两个对象是否相等
    【JDK】JDK自带工具应用——堆分析
    【script】Github上的工具脚本useful-scripts
    【JWT】JWT实现用户认证(转)
  • 原文地址:https://www.cnblogs.com/zhouyx/p/5333224.html
Copyright © 2011-2022 走看看