二级菜单
来源:互联网 发布:浙大中控dcs编程实例 编辑:程序博客网 时间:2024/04/25 18:54
<!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=gb2312">
<title>无标题文档</title>
<style type="text/css">
#nav ul.closs{ display:none;}
</style>
<script type="text/javascript">
function fun(chid)
{
var obj = document.getElementById(chid);
if(obj.className =="closs")
{
obj.className = "";
}
else
{
obj.className = "closs";
}
}
</script>
</head>
<body>
<div id="parent">
<ul id="nav">
<li><a href="#" onClick="fun('f')">菜单一</a>
<ul id="f" class="closs">
<li><a href="#">子菜单一</a>
<ul>
<li><a href="#">子菜单一一</a></li>
<li><a href="#">子菜单一二</a></li>
<li><a href="#">子菜单一三</a></li>
</ul>
</li>
<li><a href="#">子菜单二</a></li>
<li><a href="#">子菜单三</a></li>
<li><a href="#">子菜单四</a></li>
<li><a href="#">子菜单五</a></li>
</ul>
</li>
<li><a href="#" onClick="fun('s')">菜单二</a>
<ul id="s">
<li><a href="#">子菜单一</a></li>
<li><a href="#">子菜单二</a></li>
<li><a href="#">子菜单三</a></li>
<li><a href="#">子菜单四</a></li>
<li><a href="#">子菜单五</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级菜单
- 二级收缩菜单,点击出现二级菜单
- 菜单-二级菜单的制作
- 选项菜单之二级菜单
- 伸缩菜单+二级下拉菜单
- 二级菜单及手风琴菜单
- 二级联动菜单详解
- 二级联动菜单详解
- 关联菜单.二级
- asp联动二级菜单
- linux socket 学习笔记
- java 大作业报告
- bwlabel函数(二值图像中元素标记)
- 浏览器兼容CSS基础样式,重置CSS样式,早日脱离IE6
- var_export
- 二级菜单
- php处理上传图片的步骤
- 图解Git
- 团队离职引发的思考
- volatile 用法
- IT精英“上山下乡”-喜忧参半
- 《JAVA与模式》26天系列—第23天—状态模式
- php mysql 中文乱码
- 关于Oracle10g驱动date类型没有时分秒问题