标题栏下拉菜单 - _xkoko

标题栏下拉菜单
<!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);
            width:100%;
            height:35px;
        }

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

        .navmenu li{
            width: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;
            width:100px;
            height:35px;

        }

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

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

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

        .menuul li a{
            background:none;
            width: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>
posted on 2017-03-13 15:01 _xkoko 阅读(1009) 评论(0) 编辑收藏举报