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

  • 相关阅读:
    java基础
    Java开发环境搭建
    打开CMD的方式和常用的Dos命令
    电脑常用快捷键
    Markdown学习
    c# json object Dictionary互转
    dapper 跨表查询
    Dapper SimpleCRUD Demo
    c#中的常用ToString()方法总结
    android js 模拟键盘
  • 原文地址:https://www.cnblogs.com/zhouyx/p/5333224.html
Copyright © 2011-2022 走看看