zoukankan      html  css  js  c++  java
  • Blog上一页和下一页的功能

    博客上一页和下一页的功能

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    <link href="css/bootstrap.min.css" rel="stylesheet"/> 
    <link href="css/font-awesome.css" rel="stylesheet"/>
    <style>
    
    #wizard {overflow:hidden;height:450px;margin:20px auto;width:570px;position:relative;-moz-border-radius:5px;-webkit-border-radius:5px;}
    #wizard .items{width:20000px; clear:both; position:absolute;}
    #wizard .right{float:right;}
    .lists{text-align: center;background:#EB6100;}
    #status{height:35px;padding-left:25px !important;display:inline-block;}
    #status li{float:left;color:#fff;padding:18px 30px;list-style:none;margin-right:30px;}
    #status li.active{font-weight:normal;}
    .active{background-color:#D25802;}
    .page{padding:20px 30px;width:570px;float:left;position:absolute;}
    .page h3{height:42px; font-size:16px; border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:5px}
    .page h3 em{font-size:12px; font-weight:500; font-style:normal}
    .page p{line-height:24px;}
    .page p label{font-size:14px; display:block;}
    .page p #pass{padding:0px;}
    .btn_nav{height:36px; line-height:36px; margin:20px auto;}
    .prev,.next{width:100px; height:45px; line-height:45px; border:1px solid #d3d3d3; cursor:pointer}
    
                    </style>
    </head>
    <body>
  • 相关阅读:
    保留最大的数
    彩色宝石项链
    [leetcode] 403. Frog Jump
    [leetcode] 402. Remove K Digits
    Linux 更改时区、时间
    Linux系统时间同步方法
    mysql 5.7.28 地理位置计算详解
    springboot微服务项目集成为单体
    地理空间数据Geometry在MySQL中使用(一)
    mysql中geometry类型的简单使用
  • 原文地址:https://www.cnblogs.com/thescentedpath/p/nextpage.html
Copyright © 2011-2022 走看看