Div+CSS+JS树型菜单，可刷新

搞了一个DIV+CSS菜单，兼容Firefox,分享给大家，大家一齐学习

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Div+CSS+JS树型菜单，可刷新</title> <meta name="description" content="http://www.livepo.com"> <style type="text/css">  #PARENT{     width:300px;     padding-left:20px; } </style> </head> <body> <div id="PARENT"> <ul id="nav"> <li><a href="#Menu=ChildMenu1"  onclick="DoMenu('ChildMenu1')">我的网站</a>     <ul id="ChildMenu1" class="collapsed">     <li><a href="http://www.netany.net" target="_blank">[url]www.netany.net[/url]</a></li>     <li><a href="http://www.netany.net" target="_blank">[url]www.netany.net[/url]</a></li>     <li><a href="http://www.netany.net" target="_blank">[url]www.netany.net[/url]</a></li>     </ul> </li> <li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">我的帐务</a>     <ul id="ChildMenu2" class="collapsed">     <a href="http://www.netany.net" target="_blank">支付</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="http://www.netany.net" target="_blank">管理</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="http://www.netany.net" target="_blank">管理</a></li>     <li><a href="#">管理</a></li>     <li><a href="#">管理</a></li>     </ul> </li> </ul> </div> <div style="width:300;padding-left:30px;"> </br></br> 工作需要搞了一个菜单，分享给大家，大家一齐学习 </br></br> <p>请大家支持:<a href="http://www.netany.net" target="_blank">[url]http://www.netany.net[/url]</a></p> </div> </body> </html> <script type=text/javascript></script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

频道导航

Div+CSS+JS树型菜单，可刷新

您可能感兴趣的文章: