树形菜单(二)
下面为脚本显示区
展开/关闭全部
主菜单一
连接页面1
连接页面2
连接页面3
连接页面4
主菜单二
连接页面1
连接页面2
连接页面3
连接页面4
主菜单三
连接页面1
连接页面2
连接页面3
连接页面4
主菜单四
连接页面1
连接页面2
连接页面3
连接页面4
主菜单六
连接页面1
连接页面2
连接页面3
连接页面4
展开/关闭全部
请下载
rsmenu.js
脚本
脚本说明: 第一步:把如下代码加入<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" 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" 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="1.htm" target="data">连接页面1</A><BR> </td></tr><tr><td> <A HREF="2.htm" target="data">连接页面2</A><BR> </td></tr><tr><td> <A HREF="3.htm" target="data">连接页面3</A><BR> </td></tr><tr> <td height="12"> <A HREF="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" 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="1.htm" target="data">连接页面1</A><BR> </td></tr><tr><td> <A HREF="2.htm" target="data">连接页面2</A><BR> </td></tr><tr><td> <A HREF="3.htm" target="data">连接页面3</A><BR> </td></tr><tr><td> <A HREF="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" 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="1.htm" target="data">连接页面1</A><BR> </td></tr><tr><td> <A HREF="2.htm" target="data">连接页面2</A><BR> </td></tr><tr><td> <A HREF="3.htm" target="data">连接页面3</A><BR> </td></tr><tr><td> <A HREF="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" 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="1.htm" target="data">连接页面1</A><BR> </td></tr><tr><td> <A HREF="2.htm" target="data">连接页面2</A><BR> </td></tr><tr><td> <A HREF="3.htm" target="data">连接页面3</A><BR> </td></tr><tr><td> <A HREF="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" 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="1.htm" target="data">连接页面1</A><BR> </td></tr><tr><td> <A HREF="2.htm" target="data">连接页面2</A><BR> </td></tr><tr><td> <A HREF="3.htm" target="data">连接页面3</A><BR> </td></tr><tr><td> <A HREF="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" 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="1.htm" target="data">连接页面1</A><BR> </td></tr><tr><td> <A HREF="2.htm" target="data">连接页面2</A><BR> </td></tr><tr><td> <A HREF="3.htm" target="data">连接页面3</A><BR> </td></tr><tr><td> <A HREF="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" 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>
展开/关闭全部
展开/关闭全部