珠江路在线
首页
互联网思维
硬件中心
软件中心
游戏中心
源码之家
今日新鲜事
传奇
软件开发培训班
>>
编程开发
>> JavaScript
软件新闻
编程开发
创意设计
操作系统
软件下载
一个很简单的无限分类树实现代码
本文标签：无限分类树
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简单树形</title> <head> <style type="text/css"> * {margin:0px; padding:0px;} #categoryTree {margin:0px; padding:0px;} #categoryTree ul {display:none; margin:0px;margin-left:5px; padding:0px 0px 0px 15px;} #categoryTree span {cursor:pointer;} </style> <script type="text/javascript"> window.onload = function() { var cate = document.getElementById("categoryTree"); var bBs = cate.getElementsByTagName("span"); var len = bBs.length; if (len > 0) { for (var i=0; i < len;i++) { var oTag = bBs[i].parentNode.getElementsByTagName("ul")[0]; if (oTag) { bBs[i].style.background = "#666"; bBs[i].onclick = function() { var oTag = this.parentNode.getElementsByTagName("ul")[0]; if (!(oTag.open)) { oTag.style.display = "block"; oTag.open = true; } else { oTag.style.display = "none"; oTag.open = null; } } } } } else { throw new Error("html struct error!"); } } </script> </head> <body> <ul id="categoryTree"> <li> <span>国务院</span> <ul> <li> <span>省级办公单位</span> <ul> <li><span>安徽</span></li> <li><span>河南省</span> <ul> <li><span>阜阳市</span></li> <li><span>界首市</span></li> </ul> </li> <li><span>河北省</span></li> <li><span>广东省</span></li> </ul> </li> <li><span>省级办公单位2</span> <ul> <li>范冰冰2</li> <li><span>范冰冰4</span> <ul> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> <li>某导演</li> </ul> </li> <li>范冰冰2</li> <li>范冰冰2</li> </ul> </li> <li>省级办公单位3</li> <li>省级办公单位4</li> </ul> <li> <li> <span>国务院</span> <ul> <li> <span>省级办公单位</span> <ul> <li><span>安徽</span></li> <li><span>河南省</span> <ul> <li><span>阜阳市</span></li> <li><span>界首市</span></li> </ul> </li> <li><span>河北省</span></li> <li><span>广东省</span></li> </ul> </li> </ul> <li> </ul> </body> </html>
技术文章快速查找
JS 事件延迟执行说明分析
Jquery在指定DIV加载HTML示例代码
Js 去掉字符串中的空格(实现代码)
检测屏幕分辨率
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
jQuery 表单验证扩展(三)
jquery slibings选取同级其他元素的实现代码
jquery插件制作 自增长输入框实现代码
相关下载
在线教程导航
软件应用
·
Windows8
·
Windows7
·
Word
·
Excel
·
PPT
·
WPS
Web开发
·
ASP
·
JavaScript
·
DIV+CSS
·
JSP
·
VbScript
·
XML
·
PHP
开发语言
·
VB
·
VC
·
ASP.NET
·
Java
·
C++
·
Delphi
数据库开发
·
MySQL
·
MsSQL
·
Access
·
Oracle
·
DB2
手机系统
·
Android
·
iOS
·
WindowsPhone
网站设计
·
Flash
·
Dreamweaver
·
Fireworks
平面设计
·
Photoshop
·
CorelDraw
·
AutoCAD
·
3DsMAX
·
Illustrator
网络技术
·
网站运营
·
网络安全
·
网络搭建
工具：
成语大全
邮编区号
全国地图
南京二手车
免费电影
汉字换拼音
繁体字转换
二维码
| 站长工具：
收录/反向链接
ALEXA排名
关键词排名
WHOIS
教程：
PPT
Excel
Word
Dreamweaver
Photoshop
|
ASP
PHP
|
ASP.NET
Java
|
SQL
MySQL
热门论坛：
游戏
美食
传奇
冒险岛
魔域
天龙八部
DNF
征途
游戏：
传奇
天龙八部
魔域
奇迹
DNF公益服
传奇世界
神途
梦幻西游
天龙八部
魔域
DNF
冒险岛
奇迹
魔域
传奇
单职业
天龙
魔域
梦幻西游
DNF
天龙八部
关于我们
广告报价
|
版权声明
：本网站归南京网爵数码科技有限责任公司版权所有。
苏ICP备05016148号-1
公安备案号 32010202010177
