一个可以无限扩展层次级的折叠菜单
来源:互联网 发布:服务器防护软件 编辑:程序博客网 时间:2024/04/29 03:54
<html>
<head>
<title>一个可以无限扩展层次级的折叠菜单 飘页 www.0738web.com</title>
</head>
<body>
<style type="text/css">
#extend{width:300px;}
li{border:1px solid #ddd;margin:3px;}
.on ul{display:block;}
.off ul{display:none;}
*{font-size:12px;}
</style>
一个可以无限扩展层次级的折叠菜单<br />
<a href="http://www.0738web.com" target="_blank">http://www.0738web.com</a><br />
<div id="extend">
<ul>
<li><a href="#">中国</a>
<ul>
<li class="off"><a href="#">陕西</a>
<ul>
<li><a href="#">西安</a></li>
<li><a href="#">商洛</a></li>
</ul>
</li>
<li class="off"><a href="#">黑龙江</a>
<ul>
<li><a href="#">大庆</a></li>
<li><a href="#">鹤岗</a></li>
</ul>
</li>
<li><a href="#">安徽</a>
<ul>
<li><a href="#">黄山</a></li>
<li><a href="#">六安</a></li>
</ul>
</li>
<li><a href="#">广东</a>
<ul>
<li><a href="#">深圳</a>
<ul>
<li><a href="#">罗湖</a>
<ul>
<li><a href="#">地王大厦</a></li>
<li><a href="#">国贸大厦</a></li>
</ul>
</li>
<li><a href="#">福田</a></li>
</ul>
</li>
<li><a href="#">广州</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">美国</a>
<ul>
<li><a href="#">佛罗里达州</a></li>
<li><a href="#">俄勒冈</a></li>
</ul>
</li>
</ul>
</div>
<script type="text/javascript">
(function(){
var o=document.getElementById("extend");
var links=o.getElementsByTagName("a");
for(var i=0;i<links.length;i++){
links[i].i=i;
links[i].onclick=function(){
if(links[this.i].parentNode.className=="on"||links[this.i].parentNode.className==""){
links[this.i].parentNode.className="off";
}else{
links[this.i].parentNode.className="on";
}
}
}
})();
</script>
</body>
</html>
- 一个可以无限扩展层次级的折叠菜单
- 顶部可以折叠的菜单工具栏
- JSON版无限折叠菜单
- 无限类别,无限子类,无限菜单,无限规则, _层的的下属计算
- 基于AJAX的一个无限树形菜单
- 基于AJAX的一个无限树形菜单
- 菜单折叠的实现
- js一般方法改写成面向对象方法的无限级折叠菜单
- js一般方法改写成面向对象方法的无限级折叠菜单
- 关联选择 可以无限扩展
- 类似京东和易迅的菜单-可以折叠隐藏的导航菜单
- 可以展开折叠和触摸移动的浮动层 可以用于微信页面
- Yii CJuiAccordion显示一个可以折叠的部件
- 自己实现一个可以折叠展开的TextView
- 简单的Javascript折叠菜单
- 基于JQuery的折叠菜单
- 折叠菜单的实现(不明白)
- 33.单个的折叠菜单
- GC的基本原理
- Android真不适合做游戏 1
- 生活中十四项万能心理定律
- RenderMode属性
- Android真不适合做游戏 2 ——你不仅后天不足,更是先天残疾
- 一个可以无限扩展层次级的折叠菜单
- Ubuntu 9.04安装GoogleEarth
- 测试的小段代码vb.net-sql存储过程
- FZU 1573 大学自习室
- Oracle数据库监听配置
- GifOleControl.dll 1.0.0.2 支持unicode和ASCII
- 导出Excel(二)
- 自定义审批流程表设计
- 怎样把数当做字符串写入另外的txt文件?