81,092
社区成员
发帖
与我相关
我的任务
分享
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后台左侧导航页面</title>
<style type="text/css">
.dc {
display: none;
margin-left: 10px;
}
</style>
<script type="text/javascript">
function test(e) {
alert("111");
e.style.display = e.style.display == 'block' ? 'none' : 'block';
}
</script>
</head>
<body>
<ul>
<li>
<a href="#" onclick="test(children[0])">分类管理
<div class="dc">
<a href="#">添加分类</a><br/>
<a href="#">查看分类</a><br/>
</div>
</a>
</li>
<br/><br/>
<li>
<a href="#" onclick="test(children[0])">图书管理
<div class="dc">
<a href="#">添加图书</a><br/>
<a href="#">查看图书</a><br/>
</div>
</a>
</li>
<br/><br/>
<li>
<a href="#" onclick="test(children[0])">订单管理
<div class="dc">
<a href="#">待处理订单</a><br/>
<a href="#">已发货订单</a><br/>
</div>
</a>
</li>
<br/><br/>
</ul>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>后台左侧导航页面</title>
<style type="text/css">
.dc {
display: none;
margin-left: 10px;
}
</style>
<script type="text/javascript">
function test(e) {
var div = document.getElementById(e);
div.style.display = div.style.display == 'block' ? 'none' : 'block';
}
</script>
</head>
<body>
<ul>
<li>
<a href="#" onclick="test('id1')">分类管理
<div class="dc" id="id1">
<a href="#">添加分类</a><br/>
<a href="#">查看分类</a><br/>
</div>
</a>
</li>
<br/><br/>
<li>
<a href="#" onclick="test('id2')">图书管理
<div class="dc" id="id2">
<a href="#">添加图书</a><br/>
<a href="#">查看图书</a><br/>
</div>
</a>
</li>
<br/><br/>
<li>
<a href="#" onclick="test('id3')">订单管理
<div class="dc" id="id3">
<a href="#">待处理订单</a><br/>
<a href="#">已发货订单</a><br/>
</div>
</a>
</li>
<br/><br/>
</ul>
</body>
</html>