您好，欢迎来到模板无忧！
登录
注册
闂備浇銆€閸嬫捇鏌熼婊冾暭妞ゃ儻鎷�
闂備胶鎳撻崥瀣垝鎼淬劌纾奸柨鐕傛嫹
闂備線娼婚梽鍕熆濡ソ褰掓晸閿燂拷
闂佹眹鍩勯崹濂稿窗閺嶃劍鍙忛柨鐕傛嫹
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI闂佽绻愮换鎰崲濡や胶顩烽柨鐕傛嫹 闂備胶鍘ч悿鍥涢崟顖氱柈闁圭偓娼欓杈ㄦ叏濡潡鍝洪柡鍡嫹
闂備胶纭堕弲婵嬪窗鎼淬劌绠栭柨鐕傛嫹
闂備浇顫夋禍浠嬪礉韫囨挾鏆﹂柨鐕傛嫹
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
折叠菜单，竖向的_菜单导航特效
查看演示效果
特效Tag：
竖向
折叠菜单
添加
缂傚倸鍊风粈浣该洪敃鍌氱劵缂佲偓閹辩eCMS闂佽崵鍠愰悷銉ノ涘┑瀣ㄢ偓鍌炲醇閺囩偞鐎┑鐐叉閸ㄧ喖寮婚敓锟�
濠电偞鍨跺瑙勭珶閸℃稑鐓橀柡宥庡幗閳锋帡鏌ㄩ悤鍌涘 缂傚倷绀侀ˇ閬嶅窗閹邦剨鑰块柛銉墮缁€澶愭煃閵夈劍鐝柣婵撴嫹 闂傚倷绶￠崑鍕囨潏鈺冪濠㈣泛鏈崗婊堟煛閸ャ劍鐨戦梻澶婄Ч閺屻倖娼忛妸锔绘缂備焦鍞婚幏锟�
闂備礁鎼崯鐗堟叏閹绢喖妞介柡宥庡亞閸楁碍绻涢崱妯诲鞍婵絾鍔楅埀顒冾潐閹爼宕曢柆宥呯煑闁跨噦鎷�,闂備浇鐨崟顐㈠Б闁诲氦顫夋繛濠傤嚕閸洖绀冩い鏂垮悑椤忕喐绻涢幋鐐村皑闁稿鎹囧鍝勨枎閹勭亪闂佸憡鐟ョ换妯侯嚕婵犳碍鏅搁柨鐕傛嫹!
折叠菜单，竖向的
<!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> <title>竖向的折叠菜单</title> <script language = JavaScript> function showmenu(id) { var list = document.getElementById("list"+id); var menu = document.getElementById("menu"+id) if (list.style.display=="none") { document.getElementById("list"+id).style.display="block"; menu.className = "title1"; }else { document.getElementById("list"+id).style.display="none"; menu.className = "title"; } } </script> <style type="text/css"> <!-- *{margin:0;padding:0;list-style:none;font-size:14px} #nav{margin:10px;text-align:center;line-height:25px;width:200px;} .title{background:#336699;color:#fff;border-bottom:1px solid #fff;cursor:pointer;} .title1{background:#888;color:#000;border-bottom:1px solid #666;cursor:pointer;} .mrc li{color:#336699;background:#ddd;border-bottom:1px solid #fff;} --> </style> </head> <body> <div id="nav"> <div class="title" id="menu1" onclick="showmenu('1') ">Ajax下载</div> <div id="list1" class="mrc" style="display:none"> <ul> <li>jQuery</li> <li>Extjs</li> <li>Mootools</li> </ul> </div> <div class="title" id="menu2" onclick="showmenu('2')">网页代码</div> <div id="list2" class="mrc" style="display:none"> <ul> <li>菜单导航</li> <li>层和布局</li> <li>图片切换</li> </ul> </div> </div> </body> </html>
所属频道：
菜单导航特效
/
更新时间：2012-11-05
[收藏]
[报错]
[返回列表]
相关
菜单导航特效
：
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
清新精致的纯CSS导航菜单
jQuery 菜单，可智能判断是否是当前导航，并加标记
JavaScript纯文字折叠菜单
另类的CSS导航菜单
导航菜单
点击展开的下拉菜单
Vista风格菜单，完全CSS实现
绿色简洁CSS导航条
仿淘宝阴影效果的滑动门选项卡
来自GG网站的超酷JS导航代码
猜你也喜欢看这些
JS禁止下载网页图片
鼠标放到图片上会滑出提示文字
天极网的JS卡通图片切换
随机背景图片代码
跟随鼠标的图片
腾讯JS商品滚动效果
前后轮翻的JS图片幻灯切换
漫天飞雪
jQuery制作的产品展示效果
CSS图片水印的实现
相关链接：
复制本页链接
|
搜索折叠菜单，竖向的
特效说明：
菜单导航模板
-
折叠菜单，竖向的
。
闂備浇銆€閸嬫捇鏌熼婊冾暭妞ゃ儻鎷�&闂備礁鎲＄敮鎺懳涢弮鍫燁棅闁跨噦鎷�
QQ缂傚倷绀侀張顒€顪冮挊澹╂盯鏁撻敓锟�
闂備礁鎼崐缁樻櫠濡も偓椤繈顢欑喊鍗炴濡炪倖姊婚崢褏鎲撮敓锟�
闂備胶鍘ч悘姘暦濮椻偓椤㈡瑩宕卞Δ濠傛濡炪倖姊婚崢褏鎲撮敓锟�
濠电偛鐡ㄧ划蹇擃浖閵娿儛褎寰勫畝鈧壕楣冩煥閻曞倹瀚�
闁诲孩顔栭崰鎺楀磻閹捐崵鍙撻柛銉戝啯娈剁紓鍌氱▌閹凤拷
闂備浇鐨崟顐㈠Б闁诲氦顫夋繛濠囩嵁閺嵮€鍫柛鈩冿供濡拷
濠电姰鍨煎▔娑氱矓閹绢喖鏄ユ俊銈呭暟绾鹃箖鏌熺€涙ḿ绠栫紒璇ф嫹
闂備礁鎼ú锕€岣垮▎鎾嶅洭鏁撻敓锟�...
AI闂佽绻愮换鎰崲濡や胶顩烽柨鐕傛嫹 闂備胶鍘ч悿鍥涢崟顖氱柈闁圭偓娼欓杈ㄦ叏濡潡鍝洪柡鍡嫹
闂備胶纭堕弲婵嬪窗鎼淬劌绠栭柨鐕傛嫹
闂備浇顫夋禍浠嬪礉韫囨挾鏆﹂柨鐕傛嫹
。