教程集 > 脚本编程 > javascript > 正文 JS折叠展开一个二级导航菜单效果

JS折叠展开一个二级导航菜单效果

发布时间：2016-10-12 编辑：jiaochengji.com

教程集为您提供JS折叠展开一个二级导航菜单效果等资源，欢迎您收藏本站，我们将为您提供最新的JS折叠展开一个二级导航菜单效果资源

本文章提供这个二级导航菜单有点像window资源管理器中的效果，当前状态会会显示一个二级菜单中的内容，这个很适合放在网站后台中哦。

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

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS折叠展开一个二级导航菜单效果</title> <style> body{ margin:0 auto; padding:0; font-size:12px;text-align:center;} a{text-decoration:none;} .top_menu{ width:100px; height:24px; line-height:24px;font-size:14px; color:#FFF; font-weight:bold;background:#666; display:block; cursor:pointer;} .sub_meuu{width:100px; height:auto; line-height:24px;} .sub_meuu a{font-size:12px; color:#00C; display:block; clear:both;} </style> <script language="javascript"> tempj=2; function showed(tempi) { if(document.getElementById("show" tempj.toString()).style.display==''&&tempi!=tempj) { document.getElementById("show" tempj.toString()).style.display='none'; } if(document.getElementById("show" tempi.toString()).style.display=='none') { document.getElementById("show" tempi.toString()).style.display=''; } else { document.getElementById("show" tempi.toString()).style.display='none'; } tempj=tempi; } </script> </head>

公司概况

公司简介公司文化服务流程

公司快讯

公司动态新闻中心装修课堂

精典案例

先进工艺专业团队参观工地

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

您可能感兴趣的文章：
JS折叠展开一个二级导航菜单效果
 导航菜单-三级折叠竖向下拉导航菜单效果
 jQuery菜单插件 Smooth Navigational Menu
7款风格新颖的jQuery/CSS3菜单导航分享
 一款简单js折叠菜单程序代码
 Javascript中可折叠式导航菜单效果
 基于JQuery的简单实现折叠菜单代码
 js 三级折叠菜单代码效果
 兼容多浏览器高亮带缓冲的二级折叠菜单效果
 jquery遮罩层效果实现导航菜单代码

上一篇：基于jquery平滑二级下拉菜单效果下一篇：一个入门级css导航菜单代码

[关闭]

JS折叠展开一个二级导航菜单效果

最近更新

浏览排行