Javascript 树型资源管理器式菜单，烦请高手指教谢谢

<link rel="StyleSheet" href="DTree/dtree.css" type="text/css">
<SCRIPT src="DTree/dtree.js"></SCRIPT>
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
 
//-->
</script><link href="css/layout.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
background-image: url();
background-repeat: no-repeat;
}
-->
</style><body leftmargin=0 topmargin=0 marginwidth="0" marginheight="0">
<table width="217" border="0" cellpadding="0" cellspacing="1" bgcolor="#333333" onMouseOver="MM_showHideLayers('cpml','','hide')" onMouseOut="MM_showHideLayers('cpml','','show')">
  <tr>
    <td height="74" bgcolor="#FFFFFF"><SCRIPT LANGUAGE="JavaScript">
<!--
d = new dTree('d');
d.add(0,-1,'Site Map',null,' information issuance system 2010 System function List','main');
d.add(1,0,'Marine Shore Power',null,' information issuance system 2010 System function List','main');
d.add(80,1,'Shore Power Adapter',null,'','main');d.add(81,80,'50A Plug Adapter Cord',"class.asp?lx=small&anid=51&nid=391&sltID=ospan0#1",'Product Categories List','main');
d.add(82,80,'30A Plug Adapter Cord',"class.asp?lx=small&anid=51&nid=291&sltID=ospan0#1",'Product Categories List','main');
d.add(83,80,'20A Plug Adapter Cord',"class.asp?lx=small&anid=51&nid=390&sltID=ospan0#1",'Product Categories List','main');
d.add(84,80,'15A Plug Adapter Cord',"class.asp?lx=small&anid=51&nid=390&sltID=ospan0#1",'Product Categories List','main');
d.add(85,80,'Uno Twist Lock Adapter',"class.asp?lx=small&anid=51&nid=421&sltID=ospan0#1",'Product Categories List','main');d.add(120,1,'Shore Power Cord',null,'','main');
d.add(102,120,'30A Molded Ext. Cord',"class.asp?lx=small&anid=88&nid=346&sltID=ospan1#1",'Product Categories List','main');
d.add(103,120,'50A Molded Ext. Cord',"class.asp?lx=small&anid=88&nid=438&sltID=ospan1#1",'Product Categories List','main');
d.add(104,120,'50A Assembly Ext. Cord',"class.asp?lx=small&anid=88&nid=439&sltID=ospan1#1",'Product Categories List','main');d.add(130,1,'Shore Accessories',null,'','main');
d.add(131,130,'Shore Duty Accessories ',"class.asp?lx=small&anid=90&nid=440&sltID=ospan2#1",'Product Categories List','main');d.add(140,1,'Shore Power Y Adapter',null,'','main');
d.add(131,140,'Molded Y-Adapter Cord',"class.asp?lx=big&anid=92&sltID=ospan3#1",'Product Categories List','main');d.add(150,1,'Shore Power Wiring Device',null,'','main');
d.add(131,150,'Plug and Connector',"class.asp?lx=small&anid=93&nid=435&sltID=ospan4#1",'Product Categories List','main');
d.add(132,150,'30A Marine Inlet',"class.asp?lx=small&anid=93&nid=437&sltID=ospan4#1",'Product Categories List','main');
d.add(133,150,'50A Marine Inlet',"class.asp?lx=small&anid=93&nid=436&sltID=ospan4#1",'Product Categories List','main');
d.add(2,0,'RV Camp Power',null,' information issuance system 2010 System function List','main');
d.add(90,2,'RV Cordset',null,'','main');
d.add(91,90,'50A Extension Cord',"class.asp?lx=small&anid=78&nid=413&sltID=ospan10#1",'Product Categories List','_parent');
d.add(92,90,'30A Extension Cord',"class.asp?lx=small&anid=78&nid=412&sltID=ospan10#1",'Product Categories List','main');
d.add(93,90,'RV 30A Plug with ROJ',"class.asp?lx=small&anid=78&nid=410&sltID=ospan5#1",'Product Categories List','main');
d.add(94,90,'RV 50A Plug to ROJ',"class.asp?lx=small&anid=78&nid=446&sltID=ospan5#1",'Product Categories List','main');d.add(100,2,'RV Power Adapter',null,'','main');
d.add(101,100,'50A Adapter Cord',"class.asp?lx=small&anid=95&nid=441&sltID=ospan6#1",'Product Categories List','_parent');
d.add(102,100,'30A Adapter Cord',"class.asp?lx=small&anid=95&nid=442&sltID=ospan6#1",'Product Categories List','main');
d.add(103,100,'20A Adapter Cord',"class.asp?lx=small&anid=95&nid=422&sltID=ospan6#1",'Product Categories List','main');
d.add(104,100,'15A Adapter Cord',"class.asp?lx=small&anid=95&nid=443&sltID=ospan6#1",'Product Categories List','main');
d.add(105,100,'RV Y Adapter Cord',"class.asp?lx=small&anid=95&nid=447&sltID=ospan6#1",'Product Categories List','main');d.add(110,2,'RV Power Inlet',null,'','main');
d.add(111,110,'15A/30A/50A Power Inlet',"class.asp?lx=small&anid=96&nid=444&sltID=ospan7#1",'Product Categories List','_parent');
d.add(112,110,'Plastic Trailer Socket',"class.asp?lx=small&anid=96&nid=445&sltID=ospan7#1",'Product Categories List','main');d.add(3,0,'Trailer Power Accessories',null,' information issuance system 2010 System function List','main');
d.add(50,3,'Trailer cordest',"class.asp?lx=small&anid=67&nid=405&sltID=ospan8#1",'','main');
d.add(51,3,'Plug, Socket & Accessories',"class.asp?lx=small&anid=67&nid=405&sltID=ospan8#1",'','main');
d.add(52,3,'Towtall-Cigarette Series',"class.asp?lx=small&anid=67&nid=295",'','main');
d.add(53,3,'2/4/5 Way Wire Harness',"class.asp?lx=small&anid=67&nid=430&sltID=ospan8#1",'','main');d.add(4,0,'Hospital Grade Cordset',null,' information issuance system 2010 System function List','main');
d.add(60,4,'10A Hosptial Grade Cordset',"class.asp?lx=small&anid=74&nid=448&sltID=ospan11#1",'','main');
d.add(61,4,'13A Hosptial Grade Cordset',"class.asp?lx=small&anid=74&nid=400&sltID=ospan11#1",'','main');
d.add(62,4,'15A Hosptial Grade Cordset',"class.asp?lx=small&anid=74&nid=449&sltID=ospan11#1",'','main');d.add(5,0,'Wring Device Series',null,' information issuance system 2010 System function List','main');
d.add(160,5,'Plug & Connector',null,'','main');
d.add(161,160,'IEC 320 Plug & connector',"class.asp?lx=small&anid=41&nid=287&sltID=ospan10#1",'Product Categories List','main');
d.add(162,160,'Twist-Locking Adapter',"class.asp?lx=small&anid=41&nid=428&sltID=ospan10#1",'Product Categories List','_parent');
d.add(163,160,'Straight Blade Connector',"class.asp?lx=small&anid=41&nid=429&sltID=ospan10#1",'Product Categories List','main');d.add(170,5,'Inlets/Outlets',null,'','main');
d.add(171,170,'SB Flanged Inlet',"class.asp?lx=small&anid=78&nid=413&sltID=ospan10#1",'Product Categories List','_parent');d.add(6,0,'Power & Uno Adapter',null,' information issuance system 2010 System function List','main');
d.add(180,6,'NEMA to IEC Adapter',"class.asp?lx=small&anid=43&nid=298&sltID=ospan12#1",'','main');
d.add(181,6,'IEC to NEMA Adapter',"class.asp?lx=small&anid=43&nid=310&sltID=ospan12#1",'','main');
d.add(182,6,'NEMA to NEMA Adapter',"class.asp?lx=small&anid=43&nid=305&sltID=ospan12#1",'','main');
d.add(183,6,'IEC to IEC Adapter',"class.asp?lx=small&anid=43&nid=395&sltID=ospan12#1",'','main');
d.add(184,6,'Uno Twist Locking Adapter',"class.asp?lx=small&anid=43&nid=308&sltID=ospan12#1",'','main');
d.add(185,6,'Uno Straight Blade Adapter',"class.asp?lx=small&anid=43&nid=308&sltID=ospan12#1",'','main');
d.add(186,6,'Power Splitting Tap',"class.asp?lx=small&anid=43&nid=307&sltID=ospan12#1",'','main');d.add(190,6,'US To Intl Adapter',null,'','main');
d.add(200,190,'European to NEMA 5-15R',"class.asp?lx=small&anid=43&nid=303&sltID=ospan12#1",'Product Categories List','_parent');
d.add(201,190,'European to NEMA 1-15R',"class.asp?lx=small&anid=43&nid=302&sltID=ospan12#1",'Product Categories List','_parent');
d.add(202,190,'European to IEC Adapter',"class.asp?lx=small&anid=43&nid=299&sltID=ospan12#1",'Product Categories List','_parent');
d.add(203,190,'Australia to NEMA 5-15R',"class.asp?lx=small&anid=43&nid=304&sltID=ospan12#1",'Product Categories List','_parent');d.add(7,0,'Power Cord & Power Strip',null,' information issuance system 2010 System function List','main');
d.add(210,7,'Power Cord',"#",'','main');
d.add(211,7,'Power Strip',"#",'','main');d.add(8,0,'Extension Cord',null,' information issuance system 2010 System function List','main');
d.add(220,8,'Generator Cordset',"class.asp?lx=small&anid=80&nid=418&sltID=ospan17#1",'','main');
d.add(221,8,'Indoor extension cord',"class.asp?lx=small&anid=80&nid=419&sltID=ospan17#1",'','main');document.write(d);
//-->
</SCRIPT>

解决方案 »

  1.   

    dtree.css代码如下：
    .dtree
    {
        FONT-SIZE: 11px;
        COLOR: #000000;
        FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
        WHITE-SPACE: nowrap
    }
    .dtree IMG
    {
        BORDER-RIGHT: 0px;
        BORDER-TOP: 0px;
        VERTICAL-ALIGN: middle;
        BORDER-LEFT: 0px;
        BORDER-BOTTOM: 0px
    }
    .dtree A
    {
        COLOR: #000000;
        TEXT-DECORATION: none
    }
    .dtree A.node
    {
        PADDING-RIGHT: 2px;
        PADDING-LEFT: 2px;
        PADDING-BOTTOM: 1px;
        PADDING-TOP: 1px;
        WHITE-SPACE: nowrap
    }
    .dtree A.nodeSel
    {
        PADDING-RIGHT: 2px;
        PADDING-LEFT: 2px;
        PADDING-BOTTOM: 1px;
        PADDING-TOP: 1px;
        WHITE-SPACE: nowrap
    }
    .dtree A.node:hover
    {
        COLOR: #000000;
        TEXT-DECORATION: none
    }
    .dtree A.nodeSel:hover
    {
        COLOR: #000000;
        TEXT-DECORATION: none
    }
    .dtree A.nodeSel
    {
        BACKGROUND-COLOR: #DEDDE1
    }
    .dtree .clip
    {
        OVERFLOW: hidden
    }
      

  2.   

    點http://www.phillipsind.com/product/cate?cId=10之http://www.phillipsind.com/product/cate?cId=10之Traffic Builders 時先彈出所有主、子類別菜單幾秒鍾後收縮Traffic Builders 上面的菜單。而我的卻不行。需要點時才會收縮，
    phillipsind.com的會自動收縮 ，請問如何改成http://www.phillipsind.com/product左邊的菜單效果？感激不盡
      

  3.   

    dtree的代码很简单，你仔细研究下啊，我琢磨后，按这个做了很多东西，下拉菜单啊，翻页啊等等.....，受益不浅