教程集 > 脚本编程 > javascript > 正文导航菜单-左则多层树形下拉菜单

导航菜单-左则多层树形下拉菜单

发布时间：2023-04-29 编辑：jiaochengji.com

教程集为您提供导航菜单-左则多层树形下拉菜单等资源，欢迎您收藏本站，我们将为您提供最新的导航菜单-左则多层树形下拉菜单资源

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>导航菜单-超漂亮的多层树形下拉菜单</title> <meta http-equiv="content-type" content="text/html;charset=gb2312">  <link rel="stylesheet" type="text/css" href="http://www.zzsky.cn/effect/images/200911030920/style.css"> </head> <body>  <div id="body"> 展开 <ul id="menu"> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562953_8821.gif" align="absMiddle"/> 我的办公桌</li> <ul id="m01d" style="display:none;" class="U1"> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562953_1806.gif" align="absMiddle"/> 电子邮件</li> <ul id="f40d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562953_6230.gif" align="absMiddle"/>内部邮件</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562953_2863.gif" align="absMiddle"/>Internet 邮件</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562953_7844.gif" align="absMiddle"/> 短信息</li> <ul id="f41d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562953_4171.gif" align="absMiddle"/>内部短信</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562953_2121.gif" align="absMiddle"/>手机短信</li> </ul> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_9873.gif" align="absMiddle"/> 公告通知</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_5323.gif" align="absMiddle"/> 新闻</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_6986.gif" align="absMiddle"/> 投票</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_9473.gif" align="absMiddle"/> 个人考勤</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_6865.gif" align="absMiddle"/> 日程安排</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_4002.gif" align="absMiddle"/> 工作日志</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_5102.gif" align="absMiddle"/> 通讯簿</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_2015.gif" align="absMiddle"/> 个人文件柜</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_9171.gif" align="absMiddle"/> 我的视频会议</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_3223.gif" align="absMiddle"/> 控制面板</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_4963.gif" align="absMiddle"/> 试用版用户登记</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_7000.gif" align="absMiddle"/> 通达OA用户名单</li> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_9687.gif" align="absMiddle"/> 工作流</li> <ul id="m03d" style="display:none;" class="U1"> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562954_9635.gif" align="absMiddle"/> 新建工作</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_4775.gif" align="absMiddle"/> 待办工作</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_6357.gif" align="absMiddle"/> 工作查询</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_6216.gif" align="absMiddle"/> 工作监控</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_5263.gif" align="absMiddle"/> 工作委托</li> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_9494.gif" align="absMiddle"/> 公共事务</li> <ul id="m05d" style="display:none;" class="U1"> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_8152.gif" align="absMiddle"/> 工作计划</li> <ul id="f96d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_4876.gif" align="absMiddle"/>工作计划查询</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_8180.gif" align="absMiddle"/> 办公用品管理</li> <ul id="f126d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_8682.gif" align="absMiddle"/>办公用品信息查询</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_1374.gif" align="absMiddle"/> 图书管理</li> <ul id="f51d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_7002.gif" align="absMiddle"/>图书查询</li> </ul> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_9488.gif" align="absMiddle"/> 资源申请与管理</li> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_6604.gif" align="absMiddle"/> 会议申请与安排</li> <ul id="f85d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562955_8865.gif" align="absMiddle"/>会议查询</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_7332.gif" align="absMiddle"/> 车辆申请与安排</li> <ul id="f90d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_9776.gif" align="absMiddle"/>车辆使用查询</li> </ul> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_9987.gif" align="absMiddle"/> 公共通讯簿</li> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_7206.gif" align="absMiddle"/> 组织机构信息</li> <ul id="f43d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_5099.gif" align="absMiddle"/>单位信息查询</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_6973.gif" align="absMiddle"/>部门信息查询</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_6679.gif" align="absMiddle"/>用户信息查询</li> </ul> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_1965.gif" align="absMiddle"/> 信息交流</li> <ul id="m09d" style="display:none;" class="U1"> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_9976.gif" align="absMiddle"/> 讨论区</li> <ul id="f12d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_1782.gif" align="absMiddle"/>内部讨论区</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_2980.gif" align="absMiddle"/> 网络会议</li> <ul id="f13d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_9148.gif" align="absMiddle"/>网络会议</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_4006.gif" align="absMiddle"/>互动会议</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562956_6943.gif" align="absMiddle"/> 聊天室</li> <ul id="f14d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_6148.gif" align="absMiddle"/>文本聊天室</li> </ul> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_3693.gif" align="absMiddle"/> 公共文件柜</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_6579.gif" align="absMiddle"/> 网络硬盘</li> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_9924.gif" align="absMiddle"/> 人力资源</li> <ul id="m10d" style="display:none;" class="U1"> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_9051.gif" align="absMiddle"/> 人事档案</li> <ul id="f27d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_2795.gif" align="absMiddle"/>人事档案查询</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_5188.gif" align="absMiddle"/>统计分析</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_8546.gif" align="absMiddle"/> 人员考核</li> <ul id="f122d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_9947.gif" align="absMiddle"/>进行考核</li> </ul> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_9064.gif" align="absMiddle"/> 销售管理</li> <ul id="m13d" style="display:none;" class="U1"> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_6726.gif" align="absMiddle"/> 客户关系</li> <ul id="f44d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_8629.gif" align="absMiddle"/>综合查询</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562957_9439.gif" align="absMiddle"/>客户关怀</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_3728.gif" align="absMiddle"/> 销售管理</li> <ul id="f67d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_8118.gif" align="absMiddle"/>综合查询</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_6043.gif" align="absMiddle"/> 供应商</li> <ul id="f72d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_2594.gif" align="absMiddle"/>供应联系人管理</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_5451.gif" align="absMiddle"/> 统计分析</li> <ul id="f117d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_5820.gif" align="absMiddle"/>客户统计</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_2581.gif" align="absMiddle"/>客户服务统计</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_2657.gif" align="absMiddle"/>销售统计</li> </ul> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_9920.gif" align="absMiddle"/> 附件程序</li> <ul id="m30d" style="display:none;" class="U1"> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_8555.gif" align="absMiddle"/> 实用信息</li> <ul id="f46d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_8337.gif" align="absMiddle"/>电话区号查询</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_1885.gif" align="absMiddle"/>邮政编码查询</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_8531.gif" align="absMiddle"/>列车时刻查询</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562958_9119.gif" align="absMiddle"/>公交线路查询</li> </ul> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_3865.gif" align="absMiddle"/> 游戏</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_7679.gif" align="absMiddle"/> 万年历</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_3125.gif" align="absMiddle"/> 世界时间</li> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_9809.gif" align="absMiddle"/> 培训管理[可选]</li> <ul id="m60d" style="display:none;" class="U1"> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_3828.gif" align="absMiddle"/> 培训信息</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_5819.gif" align="absMiddle"/> 培训课程</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_6389.gif" align="absMiddle"/> 培训调查</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_3752.gif" align="absMiddle"/> 效果评估</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_4870.gif" align="absMiddle"/> 留言信箱</li> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_8184.gif" align="absMiddle"/> 统计分析</li> <ul id="f1106d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_7940.gif" align="absMiddle"/>课程统计</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_3416.gif" align="absMiddle"/>员工培训统计</li> </ul> <li class="L21"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562959_8132.gif" align="absMiddle"/> 基础数据管理</li> <ul id="f1126d" style="display:none;"> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_7005.gif" align="absMiddle"/>课程类别</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_9143.gif" align="absMiddle"/>培训类别</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_6761.gif" align="absMiddle"/>设置审批人</li> <li class="L3"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_6444.gif" align="absMiddle"/>设置留言信箱</li> </ul> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/0/8/1474562960_2871.gif" width="18" height="18" align="absMiddle"/> 菜单快捷组</li> <ul id="MENU_SHORTCUTd" style="display:none;" class="U1"> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_4880.gif" align="absMiddle"/> 内部邮件</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_2488.gif" align="absMiddle"/> Internet 邮件</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_4465.gif" align="absMiddle"/> 内部短信</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_9331.gif" align="absMiddle"/> 手机短信</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_7308.gif" align="absMiddle"/> 公告通知</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_6047.gif" align="absMiddle"/> 个人考勤</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562960_1988.gif" align="absMiddle"/> 控制面板</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562961_7228.gif" align="absMiddle"/> 通达OA用户名单</li> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/e/9/1474562961_4602.gif" align="absMiddle"/> 待办工作</li> <li class="Ls">设置</li> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/3/b/1474562961_9326.gif" width="32" height="32" align="absMiddle"/> Windows快捷组</li> <ul id="MENU_WINEXEd" style="display:none;" class="U1"> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/3/b/1474562961_8114.gif" align="absMiddle"/> iexplore</li> <li class="Ls">设置</li> </ul> <li class="L1"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/8/b/1474562961_3133.gif" width="16" height="16" align="absMiddle"/> 网址导航</li> <ul id="MENU_URLd" style="display:none;" class="U1"> <li class="L22"><img alt="导航菜单-左则多层树形下拉菜单" src="http://p1.jquerycn.cn/111cn/8/b/1474562961_8445.gif" align="absMiddle"/> 卜美库素材</li> <li class="Ls">设置个人网址</li> </ul> </ul> </div> <div id="bottom"></div> <script language="JavaScript"> function ks() { return true; } window.onerror=ks; var cur_id=""; var flag=0,sflag=0; //-------- 菜单点击事件 ------- function c(srcelement) { var targetid,srcelement,targetelement; var strbuf; //-------- 如果点击了展开或收缩按钮--------- targetid=srcelement.id "d"; targetelement=document.getElementById(targetid); if (targetelement.style.display=="none") { srcelement.className="active"; targetelement.style.display=''; menu_flag=0; expand_text.innerHTML="收缩"; } else { srcelement.className=""; targetelement.style.display="none"; menu_flag=1; expand_text.innerHTML="展开"; var links=document.getElementsByTagName("A"); for (i=0; i<links.length; i ) { srcelement=links[i]; if(srcelement.parentNode.className.toUpperCase()=="L1" && srcelement.className=="active" && srcelement.id.substr(0,1)=="m") { menu_flag=0; expand_text.innerHTML="收缩"; break; } } } } function set_current(id) { cur_link=document.getElementById("f" cur_id) if(cur_link) cur_link.className=""; cur_link=document.getElementById("f" id); if(cur_link) cur_link.className="active"; cur_id=id; } //-------- 打开网址 ------- function a(URL,id) { set_current(id); if(URL.substr(0,7)!="http://" && URL.substr(0,6)!="ftp://") URL = "/general/" URL; parent.openURL(URL,0); } function b(URL,id) { set_current(id); URL = "/app/" URL; parent.openURL(URL,0); } //add by YZQ 2008-03-05 begin function bindFunc() { var args = []; for (var i = 0, cnt = arguments.length; i < cnt; i ) { args[i] = arguments[i]; } var __method = args.shift(); var object = args.shift(); return ( function(){ var argsInner = []; 		 for (var i = 0, cnt = arguments.length; i < cnt; i ) { 		 argsInner[i] = arguments[i]; 		 } return __method.apply(object, args.concat(argsInner)); }); } var timerId = null; var firstTime = true; //add by YZQ 2008-03-05 end function d(URL,id) { //add by YZQ 2008-03-05 begin var winMgr = parent.parent.table_index.main.winManager; 	 if (!winMgr) { 	 if (firstTime) { 	 parent.openURL("/fis/common/frame.jsp",0); 	 firstTime = false; 	 } 	 timerId = setTimeout(bindFunc(d, window, URL, id), 100); 	 return; 	 } 	 firstTime = true; 	 if (timerId) { 	 clearTimeout(timerId); 	 } 	 if (winMgr) { 	 winMgr.openActionPort("/fis/" URL, document.getElementById("f" id).innerText); 	 return; 	 } //add by YZQ 2008-03-05 end set_current(id); URL = "/fis/" URL; parent.openURL(URL,0); } //-------- 菜单全部展开/收缩 ------- var menu_flag=1; function menu_expand() { if(menu_flag==1) expand_text.innerHTML="收缩"; else expand_text.innerHTML="展开"; menu_flag=1-menu_flag; var links=document.getElementsByTagName("A"); for (i=0; i<links.length; i ) { srcelement=links[i]; if(srcelement.parentNode.className.toUpperCase()=="L1" || srcelement.parentNode.className.toUpperCase()=="L21") { targetelement=document.getElementById(srcelement.id "d"); if(menu_flag==0) { targetelement.style.display=''; srcelement.className="active"; } else { targetelement.style.display="none"; srcelement.className=""; } } } } //-------- 打开windows程序 ------- function winexe(NAME,PROG) { URL="/general/winexe?PROG=" PROG "&NAME=" NAME; window.open(URL,"winexe","height=100,width=350,status=0,toolbar=no,menubar=no,location=no,scrollbars=yes,top=0,left=0,resizable=no"); } </script> </body> </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
jQuery菜单插件 Smooth Navigational Menu
jQuery多层级树形菜单 NotesForMenu
7款风格新颖的jQuery/CSS3菜单导航分享
 php mysql js实现树形菜单代码
 导航菜单-横竖结合的折叠下拉导航菜单效果
 导航菜单 Smooth Navigation Menu
jquery 遮罩层效果实现的导航菜单
 jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
 js 树状菜单
 php与js制作的无限级可伸缩菜单

上一篇：JavaScript截取字符串下一篇：仿美橙互联的导航效果

[关闭]

导航菜单-左则多层树形下拉菜单

最近更新

浏览排行