分享

树状结构菜单(Javascript)

 思奇剑 2006-11-16
 

上面那个图片效果图就是下面代码另存为的后打开的效果
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0045)http://www./popoever/xtree/xtree.html -->
<HTML><HEAD><TITLE>树状结构菜单(Javascript)</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<SCRIPT language=JavaScript src="树状结构菜单(Javascript).files/xtree.js">
</SCRIPT>

<STYLE type=text/css>BODY {
 COLOR: #333333; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; FONT-SIZE: 11px; scrollbar-face-color: #336699; scrollbar-highlight-color: #336699; scrollbar-shadow-color: #000000; scrollbar-3dlight-color: #000000; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF
}
A:link {
 COLOR: #cccccc; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A:hover {
 BACKGROUND-COLOR: #99cc33; COLOR: #ffffff; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A:active {
 COLOR: #ccff99; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; FONT-SIZE: 11px; TEXT-DECORATION: none
}
A:visited {
 COLOR: #cccccc; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; FONT-SIZE: 11px; TEXT-DECORATION: none
}
TABLE {
 COLOR: #333333; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; FONT-SIZE: 11px
}
</STYLE>

<SCRIPT language=JavaScript>
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  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 && document.getElementById) x=document.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v3.0
  var i,img,nbArr,args=MM_nbGroup.arguments;
  if (event == "init" && args.length > 2) {
    if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
      nbArr[nbArr.length] = img;
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
        if (!img.MM_up) img.MM_up = img.src;
        img.src = img.MM_dn = args[i+1];
        nbArr[nbArr.length] = img;
    } }
  } else if (event == "over") {
    document.MM_nbOver = nbArr = new Array();
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
      nbArr[nbArr.length] = img;
    }
  } else if (event == "out" ) {
    for (i=0; i < document.MM_nbOver.length; i++) {
      img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  } else if (event == "down") {
    if ((nbArr = document[grpName]) != null)
      for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
    document[grpName] = nbArr = new Array();
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
      if (!img.MM_up) img.MM_up = img.src;
      img.src = img.MM_dn = args[i+1];
      nbArr[nbArr.length] = img;
  } }
}
//-->
</SCRIPT>

<META content="MSHTML 5.00.3502.5390" name=GENERATOR></HEAD>
<BODY bgColor=#ffffff leftMargin=0
onload="MM_preloadImages(‘../Parts/img/restore/restore_f3.gif‘,‘../Parts/img/restore/restore_f2.gif‘,‘../Parts/img/restore/restore_f4.gif‘)"
text=#333333 topMargin=0 marginheight="0" marginwidth="0">
<TABLE border=0 width=160>
  <TBODY>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#ffffff height=30 width="100%"> </TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#ffffff width="100%">
      <DIV align=center><A href="http://www./" target=_blank><IMG
      alt=横竖横--网十网 border=0 height=31
      src="树状结构菜单(Javascript).files/linklogo.gif" width=88></A></DIV></TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#ffffff height=6 width="100%"><IMG height=5
      src="树状结构菜单(Javascript).files/Line159.gif" width=170></TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#ffffff width="100%">
      <P><BR>这是目录树状Javascript菜单(XTree)的演示,我也不知道这段代码是哪位高人写的,因为代码中没有任何关于作者及版权信息,估计也是抄来抄去抄到最后就没人记得了,总之,愿上帝真主老佛爷保佑他(她),阿门!</P></TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#ffffff width="100%"> </TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#336699 width="100%">
      <DIV class=parent id=KB1Parent width="100%"><A
      href="http://www./popoever/xtree/xtree.html#"
      onclick="expandIt(‘KB1‘); return false"><IMG align=absMiddle border=0
      height=18 src="树状结构菜单(Javascript).files/xtarrow.gif" width=18> 威柏数码传播有限公司
      </A></DIV></TD></TR>
  <TR width="100%">
    <TD width="100%">
      <DIV class=child id=KB1Child width="100%"><A
      href="http://www./popoever/xtree/xtree.html#"><IMG align=absMiddle
      border=0 height=18 src="树状结构菜单(Javascript).files/xtsub.gif" width=18>
      W.D.P </A><BR><A href="http://www./" target=content><IMG
      align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> Keyframe G.Lab
      </A><BR><A href="http://www./popoever/xtree/xtree.html#"><IMG
      align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> 史蜀君 </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 height=18 src="树状结构菜单(Javascript).files/xtsub.gif" width=18>
      Padama </A><BR><A
      href="http://www./popoever/xtree/xtree.html#"><IMG align=absMiddle
      border=0 height=18 src="树状结构菜单(Javascript).files/xtsub.gif" width=18> 张雪敏
      </A><BR><A href="http://www./" target=content><IMG align=absMiddle
      border=0 height=18 src="树状结构菜单(Javascript).files/xtsub.gif" width=18>
      POPOEVER </A><BR><A href="http://touchminefield./"
      target=content><IMG align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> 石头田 </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 height=18 src="树状结构菜单(Javascript).files/xtsub.gif" width=18> 张雪芹
      </A><BR></DIV></TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#ff9900 width="100%">
      <DIV class=parent id=KB2Parent width="100%"><A
      href="http://www./popoever/xtree/xtree.html#"
      onclick="expandIt(‘KB2‘); return false"><IMG align=absMiddle border=0
      height=18 src="树状结构菜单(Javascript).files/xtarrow.gif" width=18> Adobe
      System Inc. </A></DIV></TD></TR>
  <TR width="100%">
    <TD width="100%">
      <DIV class=child id=KB2Child width="100%"><A href="http://www.ado/"
      target=content><IMG align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> Photoshop6.01
      </A><BR><A href="http://www.ado/" target=content><IMG
      align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> Pagemaker6.5 </A><BR><A
      href="http://www.ado/" target=content><IMG align=absMiddle border=0
      height=18 src="树状结构菜单(Javascript).files/xtsub.gif" width=18>
      Illustrator9.0 </A><BR><A href="http://www.ado/" target=content><IMG
      align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> ImageReady4.0
      </A><BR><A href="http://www.ado/" target=content><IMG
      align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> GoLive5.0 </A><BR><A
      href="http://www.ado/" target=content><IMG align=absMiddle border=0
      height=18 src="树状结构菜单(Javascript).files/xtsub.gif" width=18> Premiere6.0
      </A><BR><A href="http://www.ado/" target=content><IMG
      align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> AfterEffects5.0
      </A><BR><A href="http://www.ado/" target=content><IMG
      align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> Livemotion1.0
      </A><BR><A href="http://www.ado/" target=content><IMG
      align=absMiddle border=0 height=18
      src="树状结构菜单(Javascript).files/xtsub.gif" width=18> Atmosphere1.0
      </A><BR></DIV></TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#666666 width="100%">
      <DIV class=parent id=KB3Parent width="100%"><A
      href="http://www./popoever/xtree/xtree.html#"
      onclick="expandIt(‘KB3‘); return false"><IMG align=absMiddle border=0
      height=18 src="树状结构菜单(Javascript).files/xtarrow.gif" width=18> Macromedia
      Inc. </A></DIV></TD></TR>
  <TR width="100%">
    <TD width="100%">
      <DIV class=child id=KB3Child width="100%"><A
      href="http://www.macromedia.com/" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Flash5.0 </A><BR><A
      href="http://www.macromedia.com/" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Fireworks4.0 </A><BR><A
      href="http://www.macromedia.com/" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Dreamweaver4.0
      </A><BR><A href="http://www.macromedia.com/" target=content><IMG
      align=absMiddle border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> DW
      UD4.0 </A><BR><A href="http://www.macromedia.com/" target=content><IMG
      align=absMiddle border=0 src="树状结构菜单(Javascript).files/xtsub.gif">
      Drumbeat2000 </A><BR><A href="http://www.macromedia.com/"
      target=content><IMG align=absMiddle border=0
      src="树状结构菜单(Javascript).files/xtsub.gif"> Director8.0 </A><BR><A
      href="http://www.macromedia.com/" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Authorware5.5
      </A><BR><A href="http://www.macromedia.com/" target=content><IMG
      align=absMiddle border=0 src="树状结构菜单(Javascript).files/xtsub.gif">
      Freehand9.0 </A><BR><A href="http://www.macromedia.com/"
      target=content><IMG align=absMiddle border=0
      src="树状结构菜单(Javascript).files/xtsub.gif"> Generator2.0 </A><BR><A
      href="http://www.macromedia.com/" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Fontographer4.1
      </A><BR><A href="http://www.macromedia.com/" target=content><IMG
      align=absMiddle border=0 src="树状结构菜单(Javascript).files/xtsub.gif">
      CourseBuilder </A><BR><A href="http://www.macromedia.com/"
      target=content><IMG align=absMiddle border=0
      src="树状结构菜单(Javascript).files/xtsub.gif"> Extension Manager
    </A><BR></DIV></TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#006600 width="100%">
      <DIV class=parent id=KB4Parent width="100%"><A
      href="http://www./popoever/xtree/xtree.html#"
      onclick="expandIt(‘KB4‘); return false"><IMG align=absMiddle border=0
      height=18 src="树状结构菜单(Javascript).files/xtarrow.gif" width=18> Discreet
      </A></DIV></TD></TR>
  <TR width="100%">
    <TD width="100%">
      <DIV class=child id=KB4Child width="100%"><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> 3D Studio MAX R3.1
      </A><BR><A href="http://www./" target=content><IMG
      align=absMiddle border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> 3ds
      max4.02 </A><BR></DIV></TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#cc0000 width="100%">
      <DIV class=parent id=KB5Parent width="100%"><A
      href="http://www./popoever/xtree/xtree.html#"
      onclick="expandIt(‘KB5‘); return false"><IMG align=absMiddle border=0
      height=18 src="树状结构菜单(Javascript).files/xtarrow.gif" width=18> Discreet
      Logic </A></DIV></TD></TR>
  <TR width="100%">
    <TD width="100%">
      <DIV class=child id=KB5Child width="100%"><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Edit* </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Paint* </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Combustion
      </A><BR></DIV></TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#000000 width="100%">
      <DIV class=parent id=KB6Parent width="100%"><A
      href="http://www./popoever/xtree/xtree.html#"
      onclick="expandIt(‘KB6‘); return false"><IMG align=absMiddle border=0
      height=18 src="树状结构菜单(Javascript).files/xtarrow.gif" width=18>
      Alias|Wavefront </A></DIV></TD></TR>
  <TR width="100%">
    <TD width="100%">
      <DIV class=child id=KB6Child width="100%"><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Maya3.0
    </A><BR></DIV></TD></TR>
  <TR bgColor=#b7c4a8 width="100%">
    <TD bgColor=#660066 width="100%">
      <DIV class=parent id=KB7Parent width="100%"><A
      href="http://www./popoever/xtree/xtree.html#"
      onclick="expandIt(‘KB7‘); return false"><IMG align=absMiddle border=0
      height=18 src="树状结构菜单(Javascript).files/xtarrow.gif" width=18> Others
      </A></DIV></TD></TR>
  <TR width="100%">
    <TD width="100%">
      <DIV class=child id=KB7Child width="100%"><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> SoftImage|XSI 1.5
      </A><BR><A href="http://www./" target=content><IMG
      align=absMiddle border=0 src="树状结构菜单(Javascript).files/xtsub.gif">
      Rhinoceros1.1 </A><BR><A href="http://www./" target=content><IMG
      align=absMiddle border=0 src="树状结构菜单(Javascript).files/xtsub.gif">
      Lightwave6.5 </A><BR><A href="http://www./"
      target=content><IMG align=absMiddle border=0
      src="树状结构菜单(Javascript).files/xtsub.gif"> Shade1.2 </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> SoundForge5 </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> CoolEdit2000 </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Goldwave4.0 </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Cakewalk|X </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> CuteFTP Pro1.0
      </A><BR><A href="http://www./" target=content><IMG
      align=absMiddle border=0 src="树状结构菜单(Javascript).files/xtsub.gif">
      CrystalFTP1.0 </A><BR><A href="http://www./"
      target=content><IMG align=absMiddle border=0
      src="树状结构菜单(Javascript).files/xtsub.gif"> FlashFXP </A><BR><A
      href="http://www.microsoft.com/" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> Windows XP </A><BR><A
      href="http://www.apple.com/" target=content><IMG align=absMiddle border=0
      src="树状结构菜单(Javascript).files/xtsub.gif"> Mac OS X </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle border=0
      src="树状结构菜单(Javascript).files/xtsub.gif"> Linux Red Hat </A><BR><A
      href="http://www./" target=content><IMG align=absMiddle border=0
      src="树状结构菜单(Javascript).files/xtsub.gif"> BeOS </A><BR><A
      href="http://www./home.html" target=content><IMG align=absMiddle
      border=0 src="树状结构菜单(Javascript).files/xtsub.gif"> UNIX
  </A><BR></DIV></TD></TR>
  <TR width="100%">
    <TD width="100%"> </TD></TR>
  <TR width="100%">
    <TD width="100%">
      <P>建议您用1024+IE5.5以上的浏览器观看,因为我是在IE6.0里用22"显示器调试的,没办法,我很懒,却又很忙,所以只好......另外一个原因就是可以看到彩色的滚动条,比原来的灰秃秃的可顺眼多了:)就说这些,多交流!如果您想让右边窗口还原,按下面的链接就OK:)</P></TD></TR>
  <TR width="100%">
    <TD width="100%"> </TD></TR>
  <TR width="100%">
    <TD width="100%">
      <DIV align=center><A
      href="http://www./popoever/xtree/content.html"
      target=content>Restore Right Frame</A></DIV></TD></TR>
  <TR width="100%">
    <TD height=14 width="100%"> </TD></TR></TBODY></TABLE>
<SCRIPT>
  numTotal=7;

  scores[1]=‘KB1‘;

  scores[2]=‘KB2‘;

  scores[3]=‘KB3‘;

  scores[4]=‘KB4‘;

  scores[5]=‘KB5‘;

  scores[6]=‘KB6‘;

  scores[7]=‘KB7‘;

</SCRIPT>
</BODY></HTML>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多