竖向折叠二级导航JS代码,可防刷新,ul/li结构。修改方便。
部分结构代码如下:
<div id="PARENT"> <ul id="nav"> <li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a> <ul id="ChildMenu1" class="collapsed"> <li><a href="#">网页教学网</a></li> <li><a href="#">管理</a></li> <li><a href="#">网页教学网</a></li> <li><a href="#">管理</a></li> <li><a href="#">网页教学网</a></li> <li><a href="#">管理</a></li> </ul> </li> <li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帐务</a> <ul id="ChildMenu2" class="collapsed"> <a href="#">支付</a></li> <li><a href="#">管理</a></li> <li><a href="#">网上支付</a></li> <li><a href="#">登记汇款</a></li> <li><a href="#">在线招领</a></li> <li><a href="#">历史帐务</a></li> </ul> </li> <li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">网站管理</a> <ul id="ChildMenu3" class="collapsed"> <li><a href="#">登录</a></li> <a href="#">管理</a></li> <li><a href="#">管理</a></li> <li><a href="#">管理</a></li> </ul> </li> <li><a href="#Menu=ChildMenu4" onclick="DoMenu('ChildMenu4')">网站管理</a> <ul id="ChildMenu4" class="collapsed"> <li><a href="#">登录</a></li> <a href="#">管理</a></li> <li><a href="#">管理</a></li> <li><a href="#">管理</a></li> <li><a href="#">管理</a></li> </ul> </li> </ul> </div>