树形菜单(二)


本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT LANGUAGE="JavaScript">
<!--
var bV=parseInt(navigator.appVersion);
var NS4=(document.layers) ? true : false;
var IE4=((document.all)&&(bV>=4))?true:false;
var ver4 = (NS4 || IE4) ? true : false;

function expandIt(){return}
function expandAll(){return}
function nomsg(){self.status="";}

if(ver4){
  document.write("<SCR"+"IPT LANGUAGE=\"JavaScript\" SRC=\"rsmenu.js\"></SCR"+"IPT>");
}
//-->
</SCRIPT>

第二步:把如下代码加入<body>区域中
<span class="label"></span><br>
<!---------- begin OUTLINE -----------> 
<!--上方全部展开/关闭-->
<A HREF="#" onClick="expandAll(false); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开或关闭全部菜单"><FONT STYLE="font-size: 9pt">展开/关闭全部</FONT></A>
<!-- <BLOCKQUOTE> --> 

<!--第一级父菜单-->
<DIV ID="elOneParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FFFF00; text-decoration:none;"  onClick="expandIt('elOne'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开全部菜单"> 主菜单一
</a></td></tr></table>
</DIV>
<!--第一级子菜单-->
<DIV ID="elOneChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">连接页面3</A><BR>
</td></tr><tr>
      <td height="12"> <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">连接页面4</A> </td>
    </tr></table>
</DIV>

<!--第二级父菜单-->
<DIV ID="elTwoParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FFFF00; text-decoration:none;"  onClick="expandIt('elTwo'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开全部菜单"> 主菜单二
</a></td></tr></table>
</DIV>

<!--第二级子菜单-->
<DIV ID="elTwoChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">连接页面3</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">连接页面4</A>
</td></tr></table>
</DIV>

<!--第三级父菜单-->
<DIV ID="elThreeParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FFFF00; text-decoration:none;"  onClick="expandIt('elThree'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开全部菜单"> 主菜单三
</a></td></tr></table>
</DIV>

<!--第三级子菜单-->
<DIV ID="elThreeChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">连接页面3</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">连接页面4</A>
</td></tr></table>
</DIV>

<!--第四级父菜单-->
<DIV ID="elFourParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FFFF00; text-decoration:none;"  onClick="expandIt('elFour'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开全部菜单"> 主菜单四
</a></td></tr></table>
</DIV>

<!--第四级子菜单-->
<DIV ID="elFourChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">连接页面3</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">连接页面4</A>
</td></tr></table>
</DIV>

<!--第五级父菜单-->
<DIV ID="elFiveParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FFFF00; text-decoration:none;"  onClick="expandIt('elFive'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开全部菜单"> 主菜单五
</a></td></tr></table>
</DIV>

<!--第五级子菜单-->
<DIV ID="elFiveChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">连接页面3</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">连接页面4</A>
</td></tr></table>
</DIV>

<!--第六级父菜单-->
<DIV ID="elSixParent" CLASS=parent style="margin-left: 0.1px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=101><tr><td class=label>
<A HREF="#" style="color:#FFFF00; text-decoration:none;"  onClick="expandIt('elSix'); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开全部菜单"> 主菜单六
</a></td></tr></table>
</DIV>

<!--第六级子菜单-->
<DIV ID="elSixChild" CLASS=child style="margin-left: 0.5px">
<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 WIDTH=96>
<tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/1.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/1.htm'" tppabs="http://www.csdn.net/javascript/1.htm" target="data">连接页面1</A><BR>
</td></tr><tr><td>
        <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/2.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/2.htm'" tppabs="http://www.csdn.net/javascript/2.htm" target="data">连接页面2</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/3.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/3.htm'" tppabs="http://www.csdn.net/javascript/3.htm" target="data">连接页面3</A><BR>
</td></tr><tr><td>
    <A HREF="javascript:if(confirm('http://www.csdn.net/javascript/4.htm  \n\n这个文件不能通过 Teleport Pro 取回, 因为 服务器报告找不到这个文件.  \n\n你想从服务器打开它吗?'))window.location='http://www.csdn.net/javascript/4.htm'" tppabs="http://www.csdn.net/javascript/4.htm" target="data">连接页面4</A>
</td></tr></table>
</DIV>

<!-- </BLOCKQUOTE> -->
<!--下方全部展开/关闭-->
<DIV ID="elExpParent" CLASS=regular> <A HREF="#" onClick="expandAll(true); return false"><IMG NAME="imEx" SRC="bullet-plus.gif" tppabs="http://www.csdn.net/javascript/bullet-plus.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开/关闭全部">展开/关闭全部</A> </DIV>

<!---------- end OUTLINE ----------->

<br>

<SCRIPT LANGUAGE="JavaScript1.2">
<!--
if(NS4){
  firstEl = "elOneParent";
  firstInd = getIndex(firstEl);
  showAll();
  arrange();
}
//-->
</SCRIPT>