...
|
...
|
@@ -35,15 +35,15 @@ |
|
|
|
|
|
<!-- 头部 -->
|
|
|
<div id="header">
|
|
|
<h1><a href="#">yoho</a></h1>
|
|
|
<h1>yoho</a></h1>
|
|
|
</div>
|
|
|
|
|
|
<!-- 左侧菜单项 -->
|
|
|
<div id="sidebar">
|
|
|
<ul>
|
|
|
<li class=""><a href="#"><i class="icon icon-home"></i> <span>Dashboard</span></a></li>
|
|
|
<li class="active" onclick="clickMenuToPage('/jsp/table.jsp')"><a href="#" ><i class="icon icon-th"></i> <span>Tables</span></a></li>
|
|
|
<li class="" onclick="clickMenuToPage('jsp/host/hostInfoList.jsp')"><a href="#" ><i class="icon icon-th"></i> <span>主机信息</span></a></li>
|
|
|
<li class="" id="jsptablejsp" onclick="clickMenuToPage('/jsp/table.jsp')"><a href="#" ><i class="icon icon-th"></i> <span>Tables</span></a></li>
|
|
|
<li class="" id="jsphosthostInfoListjsp" onclick="clickMenuToPage('jsp/host/hostInfoList.jsp')"><a href="#" ><i class="icon icon-th"></i> <span>主机信息</span></a></li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
<!-- 右侧具体内容 -->
|
...
|
...
|
@@ -53,7 +53,8 @@ |
|
|
|
|
|
<script type="text/javascript">
|
|
|
function clickMenuToPage(page){
|
|
|
$(this).addClass("active");
|
|
|
var g = page.replace(/\//g,"").replace(".","");
|
|
|
$("#"+g).addClass("active").siblings().removeClass("active");
|
|
|
//加载左侧内容
|
|
|
$("#content").load(contextPath+page);
|
|
|
}
|
...
|
...
|
|