2、刷新页面，这时左侧已经有刚生成的目录名了，接下来新增该目录下的菜单
1、点击系统管理目录下的菜单管理，在右侧内容区域 选择刚才新建的目录，在右侧 *** 作区域点击新增 如图：
2、新增组件路径 对应的组件 当前你也可以提前建好组件 再 添加菜单
跟JSP没关系，主要是前端技术，用HTML和CSS做好布局等设计，重点了解下CSS布局和定位的知识，display，position这两个属性。
然后用JS控制元素的display属性做显示和隐藏，用mouse事件触发自己的JS方法。
最简单的办法，找一个插件，比如bootstrap和jQuery，很简单的就能实现楼主想要的效果。
下面是Demo代码，原生开发和基于插件的方式。
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>子菜单</title>
<!--CDN上引入bootstrap样式和插件，可以不使用，自己写一样有效果-->
<link href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<style>
#subMenu {
display: none
position: fixed
top: 55px
left: 10px
}
</style>
<script>
function showSubMenu() {
var m = document.getElementById("subMenu")
m.style.display = "block"
}
function hiddenSubMenu() {
var m = document.getElementById("subMenu")
m.style.display = "none"
}
</script>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<a class="navbar-brand" href="#" onmouseover="showSubMenu()" onmouseout="hiddenSubMenu()">省市</a>
</div>
<div class="navbar-header">
<a class="navbar-brand" href="#" data-toggle="dropdown">插件子菜单</a>
<ul class="dropdown-menu">
<li><a href="#">江苏</a>
</li>
<li class="divider"></li>
<li><a href="#">山西</a>
</li>
</ul>
</div>
</nav>
<div id="subMenu" class="panel panel-default">
<div class="panel-body">
<li>河北</li>
<li>河南</li>
<li>山东</li>
</div>
</div>
</body>
</html>
可能是子菜单的class有问题，leaf last改成leaf试试。ul class="menu" style="display: none">
<li class="leaf first">
<li class="leaf">
<li class="leaf last">
<li class="leaf last">
<li class="leaf last">
<li class="leaf last">
</ul>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）