html+javascript=目录树
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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 {
background-color: #EEEEEE;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
td { font-size: 12px; }
a:link {
color: #0099FF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF00FF;
}
a:hover {
text-decoration: none;
color: #FF0000;
}
a:active {
text-decoration: none;
color: #00CCFF;
}
.STYLE1 {
font-size: 24px;
font-weight: bold;
color: #FFFFFF;
}
</style>
</head>
<body>
<table width="200" height="250" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="38" align="center" bgcolor="#0099FF"><span class="STYLE1">人员选择</span></td>
</tr>
<tr>
<td align="center" valign="top" bgcolor="#FFFFFF"><script language=javascript id=clientEventHandlersJS>
<!--
var number=9;
function LMYC() {
var lbmc;
//var treePic;
for (i=1;i<=number;i++) {
lbmc = eval('LM' + i);
//treePic = eval('treePic'+i);
//treePic.src = 'images/file.gif';
lbmc.style.display = 'none';
}
}
function ShowFLT(i) {
lbmc = eval('LM' + i);
//treePic = eval('treePic' + i)
if (lbmc.style.display == 'none') {
LMYC();
//treePic.src = 'images/nofile.gif';
lbmc.style.display = '';
}
else {
//treePic.src = 'images/file.gif';
lbmc.style.display = 'none';
}
}
//-->
</script>
<TABLE cellSpacing=0 cellPadding=0 width="88%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23>+
<A
href="javascript:void(null)">总经办</A></TD>
</TR>
<TR id=LM1 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23>+ <A
href="javascript:void(null)">计划部</A></TD>
</TR>
<TR id=LM2 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23>+ <A
href="javascript:void(null)">仓 库</A></TD>
</TR>
<TR id=LM3 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23>+ <A
href="javascript:void(null)">质量部</A></TD>
</TR>
<TR id=LM4>
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23>+ <A
href="javascript:void(null)">生产部</A></TD>
</TR>
<TR id=LM5 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23>+ <A
href="javascript:void(null)">技术部</A></TD>
</TR>
<TR id=LM6 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23>+ <A
href="javascript:void(null)">市场部</A></TD>
</TR>
<TR id=LM7 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23>+ <A
href="javascript:void(null)">财务部</A></TD>
</TR>
<TR id=LM8 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=白板
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23>+ <A
href="javascript:void(null)">电梯配件</A></TD>
</TR>
<TR id=LM9 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23>- <A title=项目
href="#"
target=_parent>项目</A></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR></TBODY></TABLE></td></tr></tbody>
<TR>
<TD bgcolor="#0099FF" height=10></TD>
</TR>
</table></body>
</html>