zoukankan      html  css  js  c++  java
  • 右侧菜单显示隐藏

    <style>
    .sideMenu{ margin:0; -webkit-transform:none; transform:none; }
    #sideToggle{ display:none; }
    #sideToggle:checked + aside{ left:0; }
    #sideToggle:checked ~ #wrap{ padding-left:220px; }
    body > aside{ position:absolute; top:0; bottom:0; left:-200px; 200px; background:#f1103a; transition:0.2s ease-out; -webkit-transition:0.2s ease-out; }
    body > aside > h2{ color:#FFF; text-align:center; font-weight:normal; padding:10px; }
    #wrap{ margin-left:20px; padding:10px; transition:0.25s ease-out; -webkit-transition:0.25s ease-out; }
    #wrap > label{ display:inline-block; }
    #wrap > label{ background:#f1103a;border-radius:50px;color: #FFF;cursor: pointer;display: block;font-family: Courier New;font-size: 25px;font-weight: bold; 30px;height: 30px;line-height: 35px;text-align: center;text-shadow: 0 -4px;}
    #wrap > label:hover{ background:#000; }
    </style>

    <input type='checkbox' id='sideToggle'>
    <aside>Side Menu</aside>
    <div id='wrap'>
    <label id='sideMenuControl' for='sideToggle'>=</label>
    </div>

  • 相关阅读:
    IO复习
    递归
    转换流
    编码与解码
    打印流(printStream)
    Properties
    【转】将Visual Studio武装到底
    【转】VS2008中的自定义格式化代码
    C++开发工具的常用插件
    抽烟的注意事项
  • 原文地址:https://www.cnblogs.com/ince/p/9801840.html
Copyright © 2011-2022 走看看