标题栏下拉菜单

<!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>

相关阅读:
Discrete Logging
P1378 油滴扩展
 P3390 【模板】矩阵快速幂
 RMQ算法
 P1372 又是毕业季I
P1440 求m区间内的最小值
 高效判断素数方法
 阿尔贝喝我
 浙江大学PAT上机题解析之2-11. 两个有序链表序列的合并
 顺序队列之C++实现
原文地址：https://www.cnblogs.com/xkoko/p/6542885.html