您好，欢迎来到模板无忧！
登录
注册
鏀惰棌
鎼滅储
鍦板浘
甯姪
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI灏忚仛 鑳藉啓浼氱敾
鍩熷悕
鎺ㄨ崘
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
只显示一个菜单_菜单导航特效
0/5
1
2
3
4
5
查看演示效果
特效Tag：
菜单
添加
缁囨ⅵDedeCMS瑙嗛鏁欑▼
涔扮┖闂� 绉熸湇鍔″櫒 閫夌綉纭曚簰鑱旓紒
鏃犲咖绔欓暱宸ュ叿,鐧惧害鏉冮噸涓€閿叏鏌�!
只显示一个菜单,您可以先修改部分代码再运行.
<!--Design by Myhyli //--> <html> <head> <title>Crazy Window－模板无忧www.mb5u.com</title> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <style type="text/css"> <!-- body,div { font:menu} .main {background-color:#DDDDDD} .sub {background-color:#EAEAEA;padding-left:1em} --> </style> <script> function closewin() { if (opener!=null && !opener.closed) { opener.window.newwin=null; opener.openbutton.disabled=false; opener.closebutton.disabled=true; } } var count=0;//做计数器 var limit=new Array();//用于记录当前显示的哪几个菜单 var countlimit=1;//同时打开菜单数目，可自定义 function expandIt(el) { obj = eval("sub" + el); if (obj.style.display == "none") { obj.style.display = "block";//显示子菜单 if (count<countlimit) {//限制2个 limit[count]=el;//录入数组 count++; } else { eval("sub" + limit[0]).style.display = "none"; for (i=0;i<limit.length-1;i++) {limit[i]=limit[i+1];}//数组去掉头一位，后面的往前挪一位 limit[limit.length-1]=el; } } else { obj.style.display = "none"; var j; for (i=0;i<limit.length;i++) {if (limit[i]==el) j=i;}//获取当前点击的菜单在limit数组中的位置 for (i=j;i<limit.length-1;i++) {limit[i]=limit[i+1];}//j以后的数组全部往前挪一位 limit[limit.length-1]=null;//删除数组最后一位 count--; } } </script> </head> <body bgcolor="#666699" text="#000000" leftmargin="0" topmargin="0" onunload="closewin()" scroll="no" onload="if(opener!=null){opener.setbg();opener.setborder();opener.setmargin();opener.setscroll();opener.setbgfix();opener.setbgrepeat();}"> <p><a href=# onclick="window.close()"><font color="#FFFFFF">关闭窗口</font></a></p> <font color="#FFFFFF">当前同时打开菜单数目为1</font> <div class=main id=main1 onclick=expandIt(1)>menu1 <div class=sub id=sub1 style="display:none">sub1<br> sub2<br> sub3</div> </div> <div class=main id=main2 onclick=expandIt(2)>menu2 <div class=sub id=sub2 style="display:none">sub2<br> sub2<br> sub3</div> </div> <div class=main id=main3 onclick=expandIt(3)>menu3 <div class=sub id=sub3 style="display:none">sub1<br> sub2<br> sub3</div> </div> <div class=main id=main4 onclick=expandIt(4)>menu4 <div class=sub id=sub4 style="display:none">sub1<br> sub2<br> sub3</div> </div> <div class=main id=main5 onclick=expandIt(5)>menu5 <div class=sub id=sub5 style="display:none">sub1<br> sub2<br> sub3</div> </div> </body> </html>
所属频道：
菜单导航特效
/
更新时间：2010-05-23
[收藏]
[报错]
[返回列表]
评论加载中....
相关
菜单导航特效
：
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
B2B网站的滑动门，可以定义某个TAB是否滑动切换
仿QQ导航菜单
Js打造层拖动实例：网站菜单拖拽移位效果
JS+Css多级可拖动带动画的滑出式展开菜单
绿色简洁CSS导航条
一款经典的CSS二级下拉菜单
基于表格的 Tab
另类个性的CSS导航菜单
面试时候写的CSS横向二级菜单
仿网易漂亮的TAB选项卡(标签)
猜你也喜欢看这些
响应鼠标的图片虚实效果代码
用CSS实现图片的双边框效果
Javascript 仿Flash图片轮翻
JavaScript图片预加载代码，显示loading
一款平滑的鼠标放上图片抖动代码
JS图片渐现渐隐效果
变长宽的图片
CSS制作的类似相册浏览的功能
JavaScript图片扭曲变形效果
图片震动
相关链接：
复制本页链接
|
搜索只显示一个菜单
特效说明：
菜单导航模板
-
只显示一个菜单
。
鏀惰棌&鍒嗕韩
QQ绌洪棿
鏂版氮寰崥
鑵捐寰崥
浜轰汉缃�
寮€蹇冪綉
鐧惧害鎼滆棌
澶嶅埗缃戝潃
鏇村...
AI灏忚仛 鑳藉啓浼氱敾
鍩熷悕
鎺ㄨ崘
评论加载中....
。