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

时间：2022-01-22 09:50:55|栏目：JavaScript代码|点击：次

搞了一个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需再刷新一下页面才能执行]

上一篇：JavaScript判断输入是否为数字类型的方法总结

栏目：JavaScript代码

下一篇：尝试动手制作javascript放大镜效果

本文标题：Div+CSS+JS树型菜单，可刷新

本文地址：http://www.codeinn.net/misctech/191033.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程