zoukankan      html  css  js  c++  java
  • 标题栏下拉菜单

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>表格</title>
    <style type="text/css">
    #menu{
    box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
    100%;
    height:35px;
    }

    .navmenu{
    margn:0 auto;
    padding: 0;
    list-style:none;
    }

    .navmenu li{
    100px;
    height:35px;
    line-height:35px;
    border-bottom:1px solid #ccc;
    text-align:center;
    float:left;
    margin-right:20px;
    }

    .navmenu li:hover .menuul{
    display:block;
    }
    .menuul{
    display:none;
    }


    .navmenu li a{
    color:#ccc;
    text-decoration:none;
    display:block;
    100px;
    height:35px;

    }

    .navmenu li a:hover {
    background-color:#000000;
    }

    .navmenu li a#on{
    }
    .clear{
    clear:both;
    }

    .menuul li{
    float:none;
    /* display:none; */
    100px;
    margin:0;
    }

    .menuul li a{
    background:none;
    100px;
    }

    .menuul li a:hover{
    /* display:block; */
    background:#000000;
    color:#ffffff;
    }

    </style>
    </head>
    <body>
    <div class="nav wrap pt-r" id="menu">
    <ul class="navmenu">
    <li>
    <a href="javascript:check()">首页</a>
    <ul class="menuul"> <!-- id="menuul" -->
    <li><a href="#">二级导航栏列表11</a></li>
    <li><a href="#">二级导航栏列表12</a></li>
    <li><a href="#">二级导航栏列表13</a></li>
    <li><a href="#">二级导航栏列表14</a></li>
    </ul>
    </li>
    <li>
    <a href="javascript:supervision()">电梯实时概况</a>
    <ul class="menuul">
    <li><a href="#">二级导航栏列表21</a></li>
    <li><a href="#">二级导航栏列表22</a></li>
    <li><a href="#">二级导航栏列表23</a></li>
    <li><a href="#">二级导航栏列表24</a></li>
    </ul>
    </li>
    <li>
    <a href="http://219.140.67.213:31003/login.aspx?userid=${userids}" target="_blank">基础统计</a>
    </li>
    <li>
    <a href="http://192.168.10.51:8080/ejis/" target="_blank">决策分析</a>
    </li>
    <li>
    <a href="http://219.140.67.217:8080/whliftbigdata/home" target="_blank">健康档案</a>
    </li>
    <li>
    <a href="#">管理监控</a>
    </li>
    </ul>
    </div>
    </body>
    </html>
  • 相关阅读:
    最短路径算法 2.Dijkstra算法
    最短路径算法 1.Floyed-Warshall算法
    POLYGON(动态规划)
    JAG Asia 2016-Similarity of Subtrees(BFS+哈希)
    2019ACM-ICPC南京网络赛Holy Grail (SPFA / Floyd 模板题)
    2019ACM-ICPC南京网络赛Greedy Sequence
    快速输入输出
    2019HDU多校训练第七场J-Just Repeat
    JAG Asia 2017 C-----Prime-Factor Prime(素数区间筛)
    2019HDU多校训练第五场1007-permutation 2
  • 原文地址:https://www.cnblogs.com/xkoko/p/6542885.html
Copyright © 2011-2022 走看看