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

  • 相关阅读:
    .net core 3.1 使用Redis缓存
    JavaSE 高级 第11节 缓冲输入输出字节流
    JavaSE 高级 第10节 字节数组输出流ByteArrayOutputStream
    JavaSE 高级 第09节 字节数组输入流ByteArrayInputStream
    JavaSE 高级 第08节 文件输出流FileOutputStream
    JavaSE 高级 第07节 文件输入流FileInputStream
    JavaSE 高级 第06节 初识I、O流
    JavaSE 高级 第05节 日期类与格式化
    JavaSE 高级 第04节 StringBuffer类
    JavaSE 高级 第03节 Math类与猜数字游戏
  • 原文地址:https://www.cnblogs.com/zhouyx/p/5333224.html
Copyright © 2011-2022 走看看