|
 上面那个图片效果图就是下面代码另存为的后打开的效果
<!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>
|
