<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>制作树形菜单</title>
<style type="text/css">
body {
font-size:13px;
line-height:20px;
}
a {
font-size: 13px;
color: #000000;
text-decoration: none;
}
a:hover {
font-size:13px;
color: #ff0000;
}
img {
vertical-align: middle;
border:0;
}
.no_circle {
list-style:none;
display:none;
}
</style>
<script type="text/javascript">
function show(name){
if(document.getElementById(name).style.display=='block'){
//触动的ul如果显示，即隐藏
document.getElementById(name).style.display='none';
}else{
//触动的ul如果隐藏，即显示
document.getElementById(name).style.display='block';
}
}
</script>
</head>
<body>
<b><img src="images/fold.gif">树形菜单：</b>
<ul>
<a href="javascript:show('art')"><img src="images/fclose.gif">文学艺术</a>
</ul>
<ul id="art" class="no_circle">
<li><img src="images/doc.gif" >先锋写作</li>
<li> <img src="images/doc.gif" >小说散文</li>
<li><img src="images/doc.gif" >诗风词韵</li>
</ul>
<ul>
<a href="javascript:show('photo')"><img src="images/fclose.gif">贴图专区</a>
</ul>
<ul id="photo" class="no_circle">
<li><img src="images/doc.gif" >真我风采</li>
<li> <img src="images/doc.gif" >视频贴图</li>
<li><img src="images/doc.gif" >行行摄摄</li>
<li><img src="images/doc.gif" >Flash贴图</li>
</ul>
<ul>
<a href="javascript:show('home')"><img src="images/fclose.gif">房产论坛</a>
</ul>
<ul id="home" class="no_circle">
<li><img src="images/doc.gif" >我要买房</li>
<li> <img src="images/doc.gif" >楼市话题</li>
<li><img src="images/doc.gif" >我要卖房</li>
<li><img src="images/doc.gif" >租房心语</li>
<li><img src="images/doc.gif" >二手市场</li>
</ul>
<ul>
<a href="javascript:show('game')"><img src="images/fclose.gif">娱乐八卦</a>
</ul>
<ul id="game" class="no_circle">
<li><img src="images/doc.gif" >红楼一梦</li>
<li> <img src="images/doc.gif" >笑话论坛</li>
<li><img src="images/doc.gif" >休闲生活</li>
<li><img src="images/doc.gif" >大话春秋</li>
</ul>
</body>
</body>
</html>
效果图：
个人E-mail：chaoyi77@163.com
相关推荐
在JavaScript编程中，树形菜单是一种常见的用户界面元素，它以层级结构展示数据，通常用于网站导航、文件系统浏览或数据库记录的展示。本压缩包包含两个文件："可以拖动的IEtree树型.htm" 和 "树型结构_lj不错.htm"...
这是用javascript下的制作树形菜单
在本案例中，我们讨论的是如何使用JS来创建一个树形菜单，这种菜单在用户界面设计中常见，特别是在文件管理器或各种应用的导航部分，它模拟了类似Windows操作系统左边窗体的结构。 树形菜单通常由节点组成，这些...
js中关于制作动态网页的树形制作菜单！ 有关制作动态网页必备 制作左边的树形结构图！
以上就是使用JavaScript制作简单树形菜单的基本过程。当然，实际应用中可能需要考虑更多的细节，如样式、动画效果、无障碍访问等。通过扩展这个基础示例，你可以创建出满足项目需求的复杂树形菜单系统。
要使用ASP制作树形菜单，首先我们需要创建一个包含数据的服务器端脚本，这通常是一个ASP文件，它可能包含数据库查询的结果或其他形式的数据结构。这些数据将被转换成HTML，以便浏览器能够理解并渲染成树形结构。ASP...
在提供的压缩包文件中，"制作树形菜单"可能是示例代码或指南，用于指导如何实现上述功能。通过阅读和理解这些文件，你可以更好地掌握Java中树形菜单的实现细节。在实际开发中，确保代码的可扩展性和灵活性，以适应...
HTML树形菜单是一种常见的网页交互元素...在实际开发中，开发者可能会根据需求选择不同的实现方式，从简单的纯JavaScript实现到使用成熟的前端框架，如React、Vue或Angular，来构建更复杂、功能更丰富的树形菜单组件。
网页Js树形菜单TreeView代码集，内含TreeView用户指南（使用手册），包括静态的Tree，还有Ajax的树形菜单，另外还有XML存储版和数据库动态存取版的树控菜单，可以说囊括了大部分网页上所使用的树控菜单的形式，截图...
标题“树形菜单制作”表明我们将探讨如何创建和实现这种交互式菜单。描述中提到的资源，可能是基于jQuery的一个插件，即jQuery EasyUI，它是一个轻量级且功能丰富的前端开发框架，能够帮助开发者快速构建具有专业...
在网页设计中，树形菜单是一种常见的导航结构，尤其在多层级内容的展示中非常实用。它以一种清晰、层次分明的方式呈现网站的目录结构，帮助...记得查看提供的“练习2：制作树形菜单”文件，从中学习实际的代码实现。
最后，压缩包内的"所有类型的树形菜单"可能包含各种实现方式的示例代码和资源，包括不同的样式、交互效果和扩展功能。开发者可以根据项目需求选择合适的实现，或者从中获取灵感并自定义自己的树形导航菜单。 总结来...
在网页设计中，创建交互式的用户界面是至关重要的，而CSS树形菜单就是实现这一目标的有效工具。"很不错的css树形菜单"这个项目显然旨在提供一个可扩展、易维护的解决方案，帮助开发者构建出层次清晰、易于导航的菜单...
这个"用js制作的树形菜单可刷新"项目提供了一个简洁且可扩展的解决方案，特别适用于那些需要显示多级目录结构或者有层次关系的信息的网页应用。 首先，我们来看看项目的组成部分： 1. **dtree.css**：这是样式表...
本项目聚焦于使用jQuery来创建树形菜单，这是一个常见的网页界面元素，尤其适用于展示层级结构的数据，如网站导航、文件系统或者组织结构。 标题中的“jquery 树形菜单”是指利用jQuery技术来构建一个可展开和折叠...
"jquery树形菜单"是一个利用jQuery实现的交互式树形菜单组件，它提供了可折叠和收缩的功能，使得网页中的导航更加直观和用户友好。 树形菜单通常用于展示层级结构的数据，比如网站目录、文件系统或组织结构。通过...
在本例中，"ajax做的树形菜单"指的是使用Ajax技术实现的交互式树状导航结构。 树形菜单是一种常见的UI元素，它以层级结构展示数据，用户可以通过展开和折叠节点来探索和选择内容。在网页设计中，树形菜单常用于文件...
Jquery树形菜单则是jQuery应用的一个经典示例，它主要用于构建可交互的、层次分明的导航结构，常见于网站的侧边栏、文件管理系统等场景。在描述中提到的"优秀的Jquery树形菜单"可能是指一个高效、可定制且用户体验...
"动态网站制作指南.url"和"程序说明.url"可能是指向进一步学习资源的链接，帮助开发者深入理解ASP和JavaScript在构建动态网站中的应用，以及具体到这个树形菜单的实现方法。 在实际项目中，这样的树形菜单可以用于...
"基于jQuery的超强树形菜单"是一个专门用于构建这种交互式树状菜单的库，它提供了丰富的功能和定制选项，使得在网页上创建具有复选框、级联效果以及图片展示的树形菜单变得轻而易举。 jQuery是一个广泛使用的...