天天看点

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 {

 color: #FF00FF;

a:hover {

 color: #FF0000;

a:active {

 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>

      <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 = 'p_w_picpaths/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 = 'p_w_picpaths/nofile.gif';

        lbmc.style.display = '';

    else {

//-->

      </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>

                      <TD background="" height=3></TD>

                  </TBODY>

                </TABLE></TD>

              <TD style="PADDING-LEFT: 20px" background="" height=23>+ <A

                  href="javascript:void(null)">计划部</A></TD>

            <TR id=LM2 style="DISPLAY: none">

                  href="javascript:void(null)">仓  库</A></TD>

            <TR id=LM3 style="DISPLAY: none">

                  href="javascript:void(null)">质量部</A></TD>

            <TR id=LM4>

                  href="javascript:void(null)">生产部</A></TD>

            <TR id=LM5 style="DISPLAY: none">

                  href="javascript:void(null)">技术部</A></TD>

            <TR id=LM6 style="DISPLAY: none">

                  href="javascript:void(null)">市场部</A></TD>

            <TR id=LM7 style="DISPLAY: none">

                  href="javascript:void(null)">财务部</A></TD>

            <TR id=LM8 style="DISPLAY: none">

                      <TD style="PADDING-LEFT: 40px" height=23>- <A title=白板

                     <TR>

   <TR>

                  href="javascript:void(null)">电梯配件</A></TD>

     <TR id=LM9 style="DISPLAY: none">

                    </TR> 

                  </TBODY>   

</TR></TBODY></TABLE></td></tr></tbody>

    <TR>

                      <TD  bgcolor="#0099FF" height=10></TD>

</table></body>

</html>

继续阅读