纯JS菜单收缩代码

最新推荐文章于 2024-07-23 16:23:26 发布

「已注销」

最新推荐文章于 2024-07-23 16:23:26 发布

阅读量615

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/eds124/article/details/84582430

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function show(s) {
		o = document.getElementById(s);
		if (o.style.display == "") {
			o.style.display = "none";
			return;
		}
		o.style.display = "";
	}
</script>
</head>
<body>
	<ul style="float: left;">
		<li onclick="show('a')"><a href="#">企业简介</a>
			<ul id="a">
				<li><a href="#">公司简介</a></li>
				<li><a href="#">总裁致辞</a></li>
			</ul></li>
		<li onclick="show('b')"><a href="#">公司新闻</a>
			<ul id="b" style="display: none">
				<li><a href="#">查看新闻</a></li>
				<li><a href="#">发布新闻</a></li>
			</ul></li>
		<li onclick="show('c')"><a href="#">产品展示</a>
			<ul id="c" style="display: none">
				<li><a href="#">查看产品</a></li>
				<li><a href="#">发布产品</a></li>
			</ul></li>
		<li onclick="show('d')"><a href="#">人才招聘</a>
			<ul id="d" style="display: none">
				<li><a href="#">招聘管理</a></li>
				<li><a href="#">添加招聘</a></li>
			</ul></li>
		<li onclick="show('e')"><a href="#">联系我们</a>

			<ul id="e" style="display: none">
				<li><a href="#">公司电话</a></li>
				<li><a href="#">公司地址</a></li>
				<li><a href="#">公司传真</a></li>
			</ul></li>
	</ul>
</body>
</html>