社区
Web 开发
帖子详情
javascript中如何写一个类似于目录结构的树,该如何写?
rocqin
2003-09-12 02:23:20
用到那些标签?,谢谢,小弟初学jsp,不太懂,望各位达人指教。
...全文
104
9
打赏
收藏
javascript中如何写一个类似于目录结构的树,该如何写?
用到那些标签?,谢谢,小弟初学jsp,不太懂,望各位达人指教。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
rocqin
2003-09-12
打赏
举报
回复
thanks dooluby(蓝色) & chenfei00()
dooluby
2003-09-12
打赏
举报
回复
to:thinkpad99(thinkpad99)
我的数型结构是用JavaScript写的,还有jsp和JavaScript是完全不一样的。
不知道你还要不要。
chenfei00
2003-09-12
打赏
举报
回复
<html>
<head>
<link href="inc/style.css" rel="stylesheet">
<title>树型目录</title>
</head>
<script language="JavaScript">
<!--
function view(obj,pic)
{
if (document.all[obj].style.display=="")
{
document.all[obj].style.display="none";
//alert("合并");
pic.all.tags('img')[0].src="images/icon-folder1-close.gif";
pic.all.tags('img')[1].src="images/icon_close.gif";
}
else
{
document.all[obj].style.display="";
//alert("打开");
pic.all.tags('img')[0].src="images/icon-folder1-open.gif";
pic.all.tags('img')[1].src="images/icon_open.gif";
}
}
//-->
</script>
<body>
<table OnClick="view('Label1',this)" height="16" border="0" cellpadding="0" cellspacing="1">
<tr>
<td><img src="images/icon-folder1-close.gif" width="15" height="13"><img src="images/icon_close.gif" width="16" height="16">厦门</td>
</tr>
</table>
<DIV id=Label1 style="display:none">
<table width="200" height="16" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">厦门1</font></td>
</tr>
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">厦门2</font></td>
</tr>
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">厦门3</font></td>
</tr>
</table>
</DIV>
<table OnClick="view('Label2',this)" height="16" border="0" cellpadding="0" cellspacing="1">
<tr>
<td><img src="images/icon-folder1-close.gif" width="15" height="13"><img src="images/icon_close.gif" width="16" height="16">福州</td>
</tr>
</table>
<DIV id=Label2 style="display:none">
<table width="200" height="16" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">福州1</font></td>
</tr>
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">福州2</font></td>
</tr>
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">福州3</font></td>
</tr>
</table>
</DIV>
<table OnClick="view('Label3',this)" height="16" border="0" cellpadding="0" cellspacing="1">
<tr>
<td><img src="images/icon-folder1-close.gif" width="15" height="13"><img src="images/icon_close.gif" width="16" height="16">广东</td>
</tr>
</table>
<DIV id=Label3 style="display:none">
<table width="200" height="16" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
</table>
</DIV>
<table OnClick="view('Label4',this)" height="16" border="0" cellpadding="0" cellspacing="1">
<tr>
<td><img src="images/icon-folder1-close.gif" width="15" height="13"><img src="images/icon_close.gif" width="16" height="16">北京</td>
</tr>
</table>
<DIV id=Label4 style="display:none">
<table width="200" height="16" border="0" cellpadding="0" cellspacing="0" bgcolor="#CCCCCC">
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">北京1</font></td>
</tr>
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">北京2</font></td>
</tr>
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">北京3</font></td>
</tr>
<tr>
<td width="50" valign="top"><font color="#FF0000"><img src="images/blank.gif" width="50" height="16"></font></td>
<td height="16"><font color="#FF0000">北京4</font></td>
</tr>
</table>
</DIV>
</body>
</html>
thinkpad99
2003-09-12
打赏
举报
回复
再发这一份吧,lovertp@hotmail.com
dooluby
2003-09-12
打赏
举报
回复
发了。你去查收吧。guanpeng@vrlab.buaa.edu.cn
rocqin
2003-09-12
打赏
举报
回复
我收到信立即给分,实在是很急,周末我要用的。
再次谢谢了。
rocqin
2003-09-12
打赏
举报
回复
多谢楼上的,上面是我的邮箱。
rocqin
2003-09-12
打赏
举报
回复
guanpeng@vrlab.buaa.edu.cn
dooluby
2003-09-12
打赏
举报
回复
我有,代码好长,怎么给你??
java源码包---java 源码 大量 实例
用JAVA开发的
一个
小型的
目录
监视系统,系统会每5秒自动扫描一次需要监视的
目录
,可以用来监视
目录
中
文件大小及文件增减数目的变化。 Java日期选择控件完整源代码 14个目标文件 内容索引:JAVA源码,系统相关,日历,...
html5实现
树
形
结构
,
JavaScript
实现
树
结构
(一)
简单了解
树
结构
什么是
树
?真实的
树
:
树
的特点:
树
一般都有
一个
根, 连接着根的是
树
干;
树
干会发生分叉, 形成许多
树
枝,
树
枝会继续分化成更小的
树
枝;
树
枝的最后是叶子;现实生活
中
很多
结构
都是
树
的抽象, 模拟的
树
结构
相当...
Javascript
基础到入门
Javascript
基础到入门视频,该课程主要围绕
JavaScript
能做什么?
JavaScript
应用场合、
JavaScript
的学习方法三大话题展开教学。 讲师介绍:张
中
强,诺客科技技术总监/研发总监。 丰富的项目经验,善于用精炼的代码来...
在移动端实现
一个
类似
于element ui的el-tree的
树
形控件
在移动端实现
一个
类似
于element ui的el-tree的
树
形控件,要实现当前高亮的叶子节点的父节点都要展开 场景:用
树
形控件展示数据
结构
为
树
状的带有
目录
的文章标题,用uni-app插件市场的ly-tree实现, 地址:...
原生
javascript
实现
树
布局算法
目标:将
树
结构
数据绘制成
一个
树
的图,
树
结构
数据大概是这个样子: 说明一下,其实网络上的关于
树
结构
的数据有很多种类,这里我只选取了一种类型的数据,如果想要直接使用我这里的算法,可以自己尝试调整数据类型或者...
Web 开发
81,094
社区成员
341,711
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章