由树型菜单改装的下拉菜单_跟贴就给分,欢迎发表见解

Question

<script>
function Show(strID)
{
if(document.all(strID).style.display=='none')
{
document.all(strID).style.display='block';
}
else
{
document.all(strID).style.display='none';
}
}
function High()
{
if(event.srcElement.className=="ClassItem")
{
event.srcElement.style.border="1px solid #000000" 
event.srcElement.style.color=""
}
}
function Low()
{
if(event.srcElement.className=="ClassItem")
{
event.srcElement.style.border=""
event.srcElement.style.color=""
}
}
</script>
<style>
TD.TdClass_Navigator{ cursor: hand; font-family: Tahoma; background-color: #336699; color: #000000; font-size: 9pt }
A.ClassItem{ color: #000000; font-family: Tahoma; background-color: #E9F0F3 ; font-size: 9pt }
.ClassMenu{ color: #FFFFFF; text-align: center; background-color: #3A6EA5; border-left: 1 solid #A6C1DF;border-right: 1 solid #002200; border-top: 1 solid #A6C1DF; border-bottom: 1 solid #002200 }
</style>
<div align="left">
  <table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
      <td class=TdClass_Navigator>
        <div class=ClassMenu onclick=Show("A0")>企业形象</div>
          <div onmouseover=High() onmouseout=Low()  id=A0 style="display:block; background-color: #E9F0F3;">
    <br>&nbsp;<a class=ClassItem onclick="window.location='/Index.asp?Category=A0&ID=1';">公司简介</a><br>
    <br>&nbsp;<a class=ClassItem onclick="window.location='/Index.asp?Category=A0&ID=2';">组织结构</a><br>
    <br>&nbsp;<a class=ClassItem onclick="window.location='/Index.asp?Category=A0&ID=3';">领导致辞</a><br>
    <br>&nbsp;<a class=ClassItem onclick="window.location='/Index.asp?Category=A0&ID=4';">公司业绩</a><br>
    <br>&nbsp;<a class=ClassItem onclick="window.location='/Index.asp?Category=A0&ID=5';">企业文化</a><br><br>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td class=TdClass_Navigator>
<div class=ClassMenu onclick=Show("A1")>客户社区</div>
  <div onmouseover=High() onmouseout=Low() id=A1 style="display:block; background-color: #E9F0F3;">
    <br>&nbsp;<a class=ClassItem onclick="window.open('/System/OnLineUpdate/List.asp','','');">产品升级</a><br>
    <br>&nbsp;<a class=ClassItem onclick="window.open('/System/ProductLib/Browse.asp','','');">产品报价</a><br>
    <br>&nbsp;<a class=ClassItem onclick="window.open('/System/SuccessItem/SuccessItem.htm','','');">成功案例</a><br>
    <br>&nbsp;<a class=ClassItem onclick="window.open('','','');">管理咨询</a><br>
    <br>&nbsp;<a class=ClassItem onclick="window.open('/System/ResolvePlan/ResolvePlan.htm','','');">解决方案</a><br><br>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td class=TdClass_Navigator>
<div class=ClassMenu onclick=Show("A2")>员工社区</div>
  <div onmouseover=High() onmouseout=Low() id=A2 style="display:block; background-color: #E9F0F3;">
<script language="javascript" src="/ScriptLib/DefineTree.js"></script>
全部展开<img src='/ImgLib/Expand.gif' onclick="InstanceTree.ExpandAll(true)" align="absmiddle">
全部关闭<img src='/ImgLib/Collapse.gif' onclick="InstanceTree.ExpandAll(false)" align="absmiddle"><br><br>
<script language="javascript">
var InstanceTree=new DefineTree('InstanceTree','_blank')
InstanceTree.AddFolder('社区风景')
InstanceTree.AddFolder('私人秘书')
InstanceTree.AddFolder('名片收录')
InstanceTree.AddNode('同事')
InstanceTree.AddNode('好友')
InstanceTree.EndFolder()
InstanceTree.AddNode('个人日志')
InstanceTree.AddFolder('待办事宜')
InstanceTree.AddNode('收件信箱')
InstanceTree.AddNode('发件信箱')
InstanceTree.AddNode('草稿信箱')
InstanceTree.EndFolder()
InstanceTree.EndFolder()
InstanceTree.AddFolder('社区自助')
InstanceTree.AddNode('资料仓库')
InstanceTree.EndFolder()
InstanceTree.AddNode('社区娱乐')
InstanceTree.EndFolder()
InstanceTree.AddFolder('系统辅助','about:blank',true)
InstanceTree.AddNode('组织结构','about:blank')
InstanceTree.AddNode('模块配置','about:blank')
InstanceTree.AddNode('角色设置','about:blank')
InstanceTree.AddNode('用户管理','about:blank')
InstanceTree.EndFolder()
InstanceTree.Init()
</script>
          </div>
        </div>
      </td>
    </tr>
    <tr>
      <td class=TdClass_Navigator>
<div class=ClassMenu onclick=Show("A3")>站务管理</div>
  <div onmouseover=High() onmouseout=Low() id=A3 style="display:none; background-color: #E9F0F3;">
    <br>&nbsp;<a class=ClassItem>用户管理</a><br>
    <br>&nbsp;<a class=ClassItem>权限设置</a><br>
    <br>&nbsp;<a class=ClassItem>动态新闻</a><br>
    <br>&nbsp;<a class=ClassItem>产品信息</a><br>
    <br>&nbsp;<a class=ClassItem>版面设置</a><br>
    <br>&nbsp;<a class=ClassItem>文字维护</a><br><br>
          </div>
        </div>
      </td>
    </tr>
  </table>
</div>

Answer 1

摩尔 ，我也正好要做一个树型目录的管理平台，就象http://ftp.wjhsqms.edu.cn:8081/的管理平台，可是我不知道数据库表结构应该如何设置，我的树型目录采用大笨狼的树型目录结构，可是我想把树型目录与右边读取的数据库信息连接起来，就象csdn论坛那样，哪儿有更好的例子？