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

您可能感兴趣的文章:

微信小程序实现鼠标拖动效果示例
这篇文章主要介绍了微信小程序实现鼠标拖动效果,涉及微信小程序事件绑定及元素属性动态操作相关实现技巧,需要的朋友可以参考下
2017-12-12
JavaScript操作CSS的高级用法分享
Web开发中,JavaScript与CSS的结合用于增强网页的交互性和用户体验,本文将探索几种高级方法来使用JavaScript操作CSS,并分别通过代码示例进行讲解,希望对大家有所帮助
2023-12-12
javascript实现的一个自定义长度的文本自动换行的函数。
javascript实现的一个自定义长度的文本自动换行的函数。...
2007-08-08
Html+CSS+JS轮播图实现源码(手动轮播,自动轮播)
今天做网站的时候需要用上JS轮播图代码,而且还要求是原生的JS代码,下面这篇文章主要给大家介绍了关于Html+CSS+JS轮播图实现的相关资料,文中介绍的方法包括手动轮播和自动轮播,需要的朋友可以参考下
2023-06-06
JavaScript统计网站访问次数的实现代码
每一个称职的网管，都需要知道每天网站的访问量，需要实现网站访问次数功能来满足需求，本篇文章主要介绍了JavaScript统计网站访问次数的实现代码，感兴趣的小伙伴们可以参考一下
2015-11-11
利用JavaScript控制元素(标签)的显示与隐藏
这篇文章主要给大家介绍了关于如何利用JavaScript控制元素(标签)的显示与隐藏的相关资料,JavaScript有多种方式可以实现,文中介绍了三种方法以及区别,需要的朋友可以参考下
2023-07-07
js实现有时间限制消失的图片方法
这篇文章主要介绍了js实现有时间限制消失的图片方法,实例分析了javascript操作setTimeout及图片特效操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-02-02
JS字符串长度判断,超出进行自动截取的实例(支持中文)
下面小编就为大家带来一篇JS字符串长度判断,超出进行自动截取的实例(支持中文)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-03-03
javascript event 事件解析
描述 event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。
2011-01-01
摘自启点的main.js
来自启点的js,主要包括字符串的trim,cookies设置等
2008-04-04