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

更新时间：2006年07月22日 00:00:00 作者：

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

您可能感兴趣的文章:

document.addEventListener使用介绍
这篇文章主要介绍了document.addEventListener，下面有个示例，大家可以参考下
2014-03-03
Javascript 面向对象特性
很少有人对JavaScript的面向对象特性进行系统的分析。我希望接下来的文字让你了解到这个语言最少为人知的一面。
2009-12-12
基于百度地图api清除指定覆盖物(Overlay)的方法
下面小编就为大家分享一篇基于百度地图api清除指定覆盖物(Overlay)的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-01-01
Javascript Web Worker使用过程解析
这篇文章主要介绍了Javascript Web Worker使用过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-03-03
前端进行双重身份验证的实现与思路详解
在传统的身份验证方案之上,双重身份验证（Double Token）作为一种增强型认证方法,逐渐成为现代前端应用中的关键技术,下面小编就来为大家详细讲讲双重身份验证的实现与思路吧
2025-02-02
fullCalendar日历插件玩法示例解析
这篇文章主要介绍了fullCalendar日历插件玩法示例解析,包括Fullcalendar安装,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2024-01-01
详解js中Number()、parseInt()和parseFloat()的区别
本文主要对js中Number()、parseInt()和parseFloat()的区别进行详细介绍，具有很好的参考价值，需要的朋友一起来看下吧
2016-12-12
TypeScript常见类型及应用示例讲解
这篇文章主要介绍了TypeScript常见类型及应用示例讲解，本章我们会讲解 JavaScript 中最常见的一些类型，以及对应的描述方式，有需要的朋友可以借鉴参考下
2022-02-02
JS debug跳过的7种方法总结
在JS开发过程中,代码可能存在一些语法或者逻辑上的错误,导致程序不能得到我们想要的结果,这时就需要我们找到并修复这些错误,我们将查找和修复错误的过程称为调试或代码调试,这篇文章主要给大家介绍了关于JS debug跳过的7种方法,需要的朋友可以参考下
2023-07-07
微信小程序实现文本输入弹窗
这篇文章主要为大家详细介绍了微信小程序实现文本输入弹窗，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具