<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>
分享到：
相关推荐
JavaScript树形菜单是一种常见的网页交互元素，用于呈现层次结构的数据，比如网站导航、文件系统或者组织结构图。这种菜单以节点的形式展现，每个节点可以展开或折叠，展示其子节点。在本实例中，我们看到的...
在这个简单的示例中，`#treeview`是你的树形菜单容器的ID。`lightTreeview()`方法将这个容器转换为具有展开/折叠功能的树形菜单。 jQuery Light Treeview还支持各种配置选项，如自定义图标、节点的展开/折叠行为、...
总结来说，"js树形菜单"是利用JavaScript编程实现的一种交互式的多级导航工具，而"DHTMLX Tree"是一个强大的库，为开发者提供了创建和管理树形菜单的便捷工具。通过理解和掌握这些知识，可以有效地构建高效、易用的...
总结来说，`dtree`作为一个JavaScript树形菜单组件，以其简洁的API和良好的兼容性，为开发者提供了构建高效、交互性强的树形菜单的工具。无论你是新手还是经验丰富的开发者，都能快速上手并根据项目需求进行定制，...
在IT领域，尤其是在Web开发和GUI编程中，动态生成树形菜单是一项常见的需求。树形菜单是一种层次结构的展示方式，常用于文件系统、组织结构或者复杂的数据分类。本话题将详细探讨如何利用`TreeView`控件进行动态生成...
dTree是一种基于JavaScript的免费树形菜单库，适用于客户端的动态呈现。要使用dTree，首先需要在HTML文件的部分引入dtree.js和dtree.css。root节点的pid（父节点ID）应设置为'-1'。例如： ```html ...
JavaScript dTree 是一个轻量级的库，用于创建具有复选框功能的交互式树形菜单。这种类型的菜单在Web应用程序中广泛使用，特别是在需要层级结构数据展示和多选操作的场景下。dTree 提供了一种高效且灵活的方式来组织...
jsTree 是一个强大的 JavaScript 库，专用于在 Web 页面上创建交互式的树形结构。它基于纯 JavaScript 编写，无需依赖其他库，因此对于初学者和有经验的开发者来说，都是一个易于理解和使用的工具。通过这个库，你...
在本篇教程中，将介绍如何利用Vue.js的递归组件功能构建一个可折叠的树形菜单。 首先，了解递归组件的工作原理是关键。递归组件通过在组件内部调用自身来实现层级的递归展示。在Vue.js中实现递归组件，需要给组件...
**JSTree 大型树形菜单控件详解** JSTree 是一款强大的基于 jQuery 的开源 JavaScript 库，专门用于创建、操作和展示复杂的树形结构。它在 Web 开发中广泛应用于构建导航菜单、组织数据展示、文件系统浏览器等多种...
dtree是一个基于JavaScript编写的简单、易用且开源的树形菜单组件。它提供了一种便捷的方式去构建和管理树状结构的菜单，尤其适用于网页界面中需要展示层级关系的数据。下面我们将详细介绍dtree的使用方法、主要功能...
在实际项目中，ExtJs的树形结构常用于文件管理器、菜单系统、组织架构展示等场景，利用其丰富的API和自定义能力，可以构建出功能强大的交互界面。 综上所述，ExtJs树形结构提供了一种直观且灵活的方式来展示和操作...
树形菜单是一种常见的网页界面元素，它允许用户以层次结构的方式浏览和选择数据。对于网站或应用的导航系统，这种菜单提供了清晰的组织结构，使得用户能更轻松地找到所需的信息。 首先，我们需要了解基本的HTML结构...
【标题】"坏孩子无限级树型菜单.rar"是一个针对Asp.net开发的源码包，专注于实现无限级树形菜单的功能。这个源码利用JavaScript技术实现无刷新操作，为用户提供流畅的交互体验。在数据库层面，它依赖于Sql2000，通过...
通过执行SQL查询，可以获取到树形结构的数据，这些数据将被EXTJS的TreeStore解析并渲染成可视化的树。 4. **服务器端接口**： - 服务器端通常需要提供一个RESTful API，如`/tree/data`，返回JSON格式的数据，包含...
动态生成树”是关于如何利用jQuery库来创建这种交互式的树形结构。jQuery是一个轻量级、功能丰富的JavaScript库，它简化了HTML文档遍历、事件处理、动画效果以及Ajax交互。 动态树视图通常用于显示具有层级关系的...
dtree作为一个轻量级的JavaScript树形控件，因其易用性、灵活性和可扩展性而在Web开发中得到了广泛应用。掌握其基本使用和核心概念，将有助于你更高效地构建具有树状结构的用户界面。无论你是新手还是经验丰富的...