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

所属分类：网络编程 / JavaScript 阅读数： 1230

收藏 0赞 0分享

搞了一个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">  </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>

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

更多精彩内容其他人还在看

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

解决Layui 表格自适应高度的问题

laravel+vue组合的项目中引入ueditor方式(打包成组件形式)

JavaScript定时器常见用法实例分析

NodeJs crypto加密制作token的实现代码

Javascript 类型转换、封闭函数及常见内置对象操作示例

详解Angular Karma测试的持续集成实践

taro小程序添加骨架屏的实现代码

create-react-app中添加less支持的实现

微信小程序自定义头部导航栏(组件化)

在node环境下parse Smarty模板的使用示例代码

网络赚钱

站长故事