vesh-cli/template/theme/RP_0_170509_1/Menu.htm

码农村nodejs版本VESH框架脚手架搭建器

<style>
    nav {
        margin: 0;
        padding: 0;
        display: block;
    }
    
    .nav {
        float: left;
        height: 40px;
        margin: 0px;
        position: relative;
        width: 100%;
        z-index: 999;
    }
    
    .nav-item {
        float: left;
        height: 35px;
        position: relative;
        width: 13%;
        text-align: center;
        list-style: none;
    }
    
    .nav-item .nav-item-link {
        height: 35px;
        display: block;
        overflow: hidden;
        background-repeat: no-repeat;
        font-family: 微软雅黑;
        color: #000;
        font-size: 17px;
        text-decoration: none;
        line-height: 35px;
    }
    
    li.g_selected a.nav-item-link {
        border-bottom: solid 2px #69BDFC;
    }
</style>
<div>
    <ul class="nav">
        <li id="Li3" class="nav-item "><a class="nav-item-link" href="../admin/EntAdmin.html">
            企业管理</a> </li>
        <li id="Li4" class="nav-item "><a class="nav-item-link" href="../admin/OrgAdmin.html">
            组织管理</a> </li>
        <li id="Li2" class="nav-item "><a class="nav-item-link" href="../admin/PermissionAdmin.html">
            权限管理</a> </li>
        <li id="Li2" class="nav-item "><a class="nav-item-link" href="../admin/MenuAdmin.html">
            菜单管理</a> </li>
        <li id="Li2" class="nav-item "><a class="nav-item-link" href="../admin/SystemAdmin.html">
            系统管理</a> </li>
    </ul>
    <div style="clear: both;">
    </div>
</div>
<script type="text/javascript">
    (function() {
        var getName = function(name) {
            var path = name.split('/');
            return (path[path.length - 2] + "/" + path[path.length - 1].split('?')[0]).toLowerCase();
        };
        var fileName = getName(window.location.pathname);
        window.ss = function() {
            window.setTimeout(function() {
                if (typeof($) != 'undefined') {
                    $('.nav .nav-item a').each(function(i, v) {
                        var href = getName($(v).attr('href'));
                        if (href == fileName) {
                            $(this).parent('li').addClass("g_selected");
                        }
                    });
                } else ss();
            });
        };
        ss();
    })();
</script>