菜单
<html >
<head runat="server">
<title>Menu</title>
<style type="text/css">
body{color:Black;font-size:10pt;line-height:25px;margin-top:0px; }
#menu{float:left;border: 1px solid #CAD9EA;}
ul{padding:1px;margin:0px;}
li{list-style:none;text-indent: 26px; line-height: 2.4em; border-width: 1px 0; }
.mainTitle{background:url(../Images/arrow_right.gif) no-repeat 14px 46%;border-bottom:1px solid #E8E8E8;width:100%;cursor:hand;}
.mainTitle2{background:#E8F3FD url(../Images/arrow_down.gif) no-repeat 14px 46%;border-bottom:1px solid #CAD9EA;width:100%;cursor:hand;font-weight:bold;}
.menu1 ul{border-bottom:1px solid #E8E8E8;display:none;}
.menu1 li{text-indent:40px;}
.menu1 a{font-size:8pt; text-decoration:none;color:Black;}
.menu1 a:hover{color:Red;}
.last{border-bottom:none;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="menu" >
<ul>
<li class="menu1">
<div class="mainTitle" onclick="change(this,'job')">工作管理</div>
<ul id="job">
<li><a target="rightFrame" href="Works/CreateWork.aspx">新建工作</a></li>
<li><a target="rightFrame" href="Works/Works.aspx?status=2">待办工作</a></li>
<li><a target="rightFrame" href="Works/Works.aspx?status=3">己办工作</a></li>
<li><a target="rightFrame" href="Works/Works.aspx">全部工作</a></li>
</ul>
</li>
<li class="menu1">
<div class="mainTitle" onclick="change(this,'organize')">组织结构</div>
<ul id="organize">
<li><a target="rightFrame" href="Employees/Employees.aspx">员工列表</a></li>
<li><a target="rightFrame" href="Employees/EmployeeEdit.aspx">增加员工</a></li>
<li><a target="rightFrame" href="Departments/Departments.aspx">部门管理</a></li>
<li><a target="rightFrame" href="Purviews/PositionsPurviews.aspx">岗位权限</a></li>
</ul>
</li>
<li class="menu1">
<div class="mainTitle" onclick="change(this,'workFlow')">工作流程</div>
<ul id="workFlow">
<li><a target="rightFrame" href="Workflows/CreateWorkflow.aspx" >新建流程</a></li>
<li><a target="rightFrame" href="Workflows/Workflows.aspx" >流程管理</a></li>
</ul>
</li>
<li class="menu1">
<div class="mainTitle" onclick="change(this,'else')">其它</div>
<ul id="else">
<li><a target="rightFrame" href="News/News.aspx">快讯</a></li>
<li><a target="rightFrame" href="News/CreateNews.aspx">绩效考核</a></li>
<li><a target="rightFrame" href="ProjectPlan/Plan.aspx">工作计划</a></li>
<li><a target="rightFrame" href="Purviews/Purviews.aspx">页面权限管理</a></li>
</ul>
</li>
</ul>
</div>
</form>
<script type="text/javascript">
function change(menu,id)
{
var obj=document.getElementById(id);
if(obj.currentStyle.display=="none")
{
obj.style.display="block";
menu.className="mainTitle2";
}
else
{
obj.style.display="none";
menu.className="mainTitle";
}
}
</script>
</body>
</html>
