<html>
<head>
<title>菜单树(我成功完成了)</title>
<script language="javascript">
/*处理菜单树的显示样式*/
function makeMenu1(){
/*获取到id为t1的table*/
var table1 = document.getElementById("t1");
/*table1.style.display==""判断table1是否是是显示状 态，如果是当我们单击的时候就将他设为应藏状态，否则设置为隐藏状态*/
if(table1.style.display==""){
table1.style.display="none";
}else{
table1.style.display="";
}
}
/*功能和mekeMenu1是一模一样的*/
function makeMenu2(){
var table2 = document.getElementById("t2");
if(table2.style.display==""){
table2.style.display="none";
}else{
table2.style.display="";
}
}
function makeMenu3(){
var table3 = document.getElementById("t3");
if(table3.style.display==""){
table3.style.display="none";
}else{
table3.style.display="";
}
}
</script>
</head>
<body>
<form id="f1">
<table >
<tr>
<td>
<input type="button" style="width:11em" onclick="makeMenu1()"/>
<%-- style="display:none" 默认的情况下设置为隐藏--%>
<table id="t1" style="display:none">
<tr>
<td>彩艳1</td>
</tr>
<tr>
<td>于艳1</td>
</tr>
<tr>
<td>王艳1</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<input type="button" style="width:11em" onclick="makeMenu2()"/>
<table style="display:none" id="t2">
<tr>
<td>彩艳2</td>
</tr>
<tr>
<td>于艳2</td>
</tr>
<tr>
<td>王艳2</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<input type="button" style="width:11em" onclick="makeMenu3()"/>
<table style="display:none" id="t3">
<tr>
<td>彩艳3</td>
</tr>
<tr>
<td>于艳3</td>
</tr>
<tr>
<td>王艳3</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>
分享到：
相关推荐
Tcp服务端与客户端的JAVA实例源代码，一个简单的Java TCP服务器端程序，别外还有一个客户端的程序，两者互相配合可以开发出超多的网络程序，这是最基础的部分。 递归遍历矩阵 1个目标文件，简单！ 多人聊天室 3...
2.js+css简单后台二级树形菜单demo示例 3.JS+CSS美化经典Select选项框插件 4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3...
Tcp服务端与客户端的JAVA实例源代码，一个简单的Java TCP服务器端程序，别外还有一个客户端的程序，两者互相配合可以开发出超多的网络程序，这是最基础的部分。 递归遍历矩阵 1个目标文件，简单！ 多人聊天室 3...
2.6封装树形菜单 2.7照片墙效果 2.8封装工具库 2.9封装时间日期组件 2.10百叶窗 3三角函数部分（5个） 3.1实现苹果菜单 3.2三角函数，二次运动 3.3反三角函数和流媒体应用 3.4圆的碰撞 3.5 3D标签云 4. j
Tcp服务端与客户端的JAVA实例源代码，一个简单的Java TCP服务器端程序，别外还有一个客户端的程序，两者互相配合可以开发出超多的网络程序，这是最基础的部分。 递归遍历矩阵 1个目标文件，简单！ 多人聊天室 3...
1.1 JavaScript语言概述 1.1.1 JavaScript简介 1.1.2 JavaScript特点 1.1.3 JavaScript与Java 1.2 第一个JavaScript程序 1.2.1 嵌入JavaScript 1.2.2 链接外部JavaScript文件 1.2.3 注意事项 1.3 基础语法 ...
1.1 JavaScript语言概述 1.1.1 JavaScript简介 1.1.2 JavaScript特点 1.1.3 JavaScript与Java 1.2 第一个JavaScript程序 1.2.1 嵌入JavaScript 1.2.2 链接外部JavaScript文件 1.2.3 注意事项 1.3 基础语法 ...
Tcp服务端与客户端的JAVA实例源代码，一个简单的Java TCP服务器端程序，别外还有一个客户端的程序，两者互相配合可以开发出超多的网络程序，这是最基础的部分。 递归遍历矩阵 1个目标文件，简单！ 多人聊天室 ...
Tcp服务端与客户端的JAVA实例源代码，一个简单的Java TCP服务器端程序，别外还有一个客户端的程序，两者互相配合可以开发出超多的网络程序，这是最基础的部分。 递归遍历矩阵 1个目标文件，简单！ 多人聊天室 ...
Tcp服务端与客户端的JAVA实例源代码，一个简单的Java TCP服务器端程序，别外还有一个客户端的程序，两者互相配合可以开发出超多的网络程序，这是最基础的部分。 递归遍历矩阵 1个目标文件，简单！ 多人聊天室 ...
Java右键弹出菜单源码 简单 Java圆形按钮实例代码，含注释 两个目标文件，自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟 用JAVA编写的指针式圆形电子钟，效果图如下所示，...
Java右键弹出菜单源码 简单 Java圆形按钮实例代码，含注释 两个目标文件，自绘button。 Java圆形电子时钟源代码 1个目标文件 内容索引:JAVA源码,系统相关,电子钟 用JAVA编写的指针式圆形电子钟，效果图如下所示，...
-动态生成菜单实例(other\menu_dynamic_run.aspx和other\menu_dynamic2_run.aspx)(feedback:shguo)。 -优化AJAX的内部实现，每个页面保存的ViewState现在减少1/3左右（重要更新）。 -优化Tree节点的NodeId自动...
-增加示例(iframe/parent_postback_run3.aspx)，如何通过简单的Javascript代码回发父页面(feedback:eroach)。 -修正一些书写错误(feedback:bmck)。 -从Region控件中删除SplitColor属性，增加CollapseMode, ...