二级树形菜单,学习了
html代码
<body>
<ul id="nav">
<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的资料</a>
<ul id="ChildMenu1" class="collapsed">
<li><a href="#">first</a></li>
<li><a href="#">second</a></li>
<li><a href="#">third</a></li>
<li><a href="#">forth</a></li>
<li><a href="#">fifth</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的相册</a>
<ul id="ChildMenu2" class="collapsed">
<li><a href="#">first</a></li>
<li><a href="#">second</a></li>
<li><a href="#">third</a></li>
<li><a href="#">forth</a></li>
<li><a href="#">fifth</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">我的通讯录</a>
<ul id="ChildMenu3" class="collapsed">
<li><a href="#">first</a></li>
<li><a href="#">second</a></li>
<li><a href="#">third</a></li>
<li><a href="#">forth</a></li>
<li><a href="#">fifth</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">我的WIKI</a>
<ul id="ChildMenu4" class="collapsed">
<li><a href="#">first</a></li>
<li><a href="#">second</a></li>
<li><a href="#">third</a></li>
<li><a href="#">forth</a></li>
<li><a href="#">fifth</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu5" onclick="DoMenu('ChildMenu5')">我的卡卡淘</a>
<ul id="ChildMenu5" class="collapsed">
<li><a href="#">first</a></li>
<li><a href="#">second</a></li>
<li><a href="#">third</a></li>
<li><a href="#">forth</a></li>
<li><a href="#">fifth</a></li>
</ul>
</li>
<li><a href="#Menu=ChildMenu6" onclick="DoMenu('ChildMenu6')">我的分享</a>
<ul id="ChildMenu6" class="collapsed">
<li><a href="#">first</a></li>
<li><a href="#">second</a></li>
<li><a href="#">third</a></li>
<li><a href="#">forth</a></li>
<li><a href="#">fifth</a></li>
</ul>
</li>
</ul>
</body>
继续学习中ing....
- 大小: 7.9 KB
- 大小: 9.6 KB
分享到:
相关推荐
在这个“js+css简单后台二级树形菜单demo示例”中,我们将探讨如何利用JavaScript和CSS来创建一个后台管理界面的二级树形菜单。这个示例将涵盖以下几个关键知识点: 1. **HTML 结构**: - 树形菜单的基础是HTML的...
在网页设计中,二级树形菜单是一种常见的交互元素,它用于组织和展示层次结构的数据,如网站导航或复杂的选项列表。这种菜单结构通常由主菜单项和子菜单项组成,子菜单项在用户悬停或点击主菜单项时展开。在本示例中...
在这个场景中,"带复选框二级树形菜单"是一个功能丰富的组件,它结合了jQuery技术,以实现用户友好的、可操作的二级树状结构。 首先,我们要理解什么是jQuery。jQuery是一个广泛使用的JavaScript库,它简化了HTML...
JavaScript二级树形菜单是一种在网页中实现类似Windows操作系统下多级菜单效果的技术。它通过JavaScript动态构建和控制,提供了一种交互式的用户界面,让用户能够更直观地浏览和操作复杂的数据结构,尤其适用于网站...
### IT知识点:构建二级树形菜单的JS与CSS技术解析 在现代网页设计与开发中,树形菜单作为导航和组织复杂数据结构的一种有效方式,被广泛应用于各种网站和应用程序中。本文将深入分析一段HTML、JavaScript(JS)与...
### 二级树形菜单的概念 二级树形菜单是一种在网页或应用程序界面中用于展示具有层次关系数据结构的导航菜单。它由两层菜单组成:第一层作为主菜单,第二层则是当用户交互(如鼠标悬停)时展开的子菜单。这种设计...
二级树形菜单示例:CSS TreeMenu
`截图.png`可能是系统实际运行效果的截图,展示了二级树形菜单在浏览器中的呈现方式。`images`目录可能包含了页面中使用的图片资源,如图标或者装饰性图像。 总结起来,这个ASP+ACCESS动态二级树形产品导航菜单利用...
二级树形菜单示例:CSS TreeMenu a,a:visited {color:#333;text-decoration:none;} a:hover {color:#f60;} body,td {font:13px “Geneva”,”宋体”, “Arial”, “Helvetica”,sans-serif;} ul,li {margin:0;...
根据提供的文件信息,我们可以提炼出以下关于使用JavaScript (JS)和层叠样式表 (CSS) 实现二级树形菜单 (TreeMenu) 的知识点。 ### 标题知识点 - **JS实现TreeMenu二级树形菜单**:这一知识点涉及使用JavaScript来...
在懒人建站网站提供的“二级树形菜单”压缩包中,可能包含了HTML、CSS和JavaScript文件,用于演示和实现这两种样式。通过学习和修改这些示例代码,开发者可以轻松地将这些菜单样式应用于自己的项目中,提升网站的...
在本文中,我们将探讨一个名为hovertree的jQuery插件,该插件用于实现二级树形菜单。hovertree是一个模仿京东网站风格的树形菜单插件,它提供了两种主题样式:银色和绿色。通过使用hovertree插件,开发者可以轻松...
在IT界,尤其是在网页开发中,树形菜单和二级菜单是常见的交互元素,它们用于组织和展示层次结构的信息。本文将深入探讨这两种菜单的概念、实现方式以及基于jQuery的树形菜单构建方法。 首先,让我们理解“树形菜单...
"CSS+Js二级树形菜单演示示例"是一个很好的学习资源,它结合了CSS(层叠样式表)和JavaScript(一种客户端脚本语言)来实现动态的二级树形菜单。这个示例不仅提供了视觉上的吸引力,还增加了用户的交互体验。 首先...
本文将深入探讨“三级树形菜单”这一主题。 一、树形菜单的概念 树形菜单,顾名思义,是呈现出类似树木分支结构的菜单,每个节点代表一个菜单项,可以有零个或多个子节点。这种菜单的结构清晰,易于理解,特别适合...
在网页开发中,树形菜单是一种常见的用户界面元素,它能有效地组织和展示层次结构的信息。`dTree` 是一个JavaScript对象,专用于构建无限级的树形菜单。本篇文章将深入探讨如何利用`dTree`来生成动态的树形菜单,并...