您好,欢迎来到模板无忧!
登录
注册
闂佽 鍋撻柟顖滃椤ワ拷
闂佺懓鍚嬬划搴ㄥ磼閿燂拷
闂侀潻闄勫妯好归敓锟�
闁汇埄鍨奸崰鏍ㄦ叏閿燂拷
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI闁诲繐绻愮换妤佺閿燂拷 闂佺厧鐤囧Λ鍕疮閹炬潙顕辨慨妯块哺閺嗭拷
闂佺硶鏅濋崰搴ㄥ箖閿燂拷
闂佽浜介崝蹇撶暦閿燂拷
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
折叠菜单,竖向的_菜单导航特效
查看演示效果
特效Tag:
竖向
折叠菜单
添加
缂備礁娲﹂埅绀慹deCMS閻熸瑥妫濋。鍫曞极濞嗘垟鏌�
濞戞梹澹嗛埞鏍⒒閿燂拷 缂佸鍠愬﹢鍥礉閳ヨ櫕鐝� 闂侇偄顦辩紞澶屾兜閺囨氨闉嶉柤杈ㄦ缁憋拷
闁哄啰濮撮崪鏍博濞嗘挻姣愮€规悶鍎遍崣锟�,闁谎勫劤鐎规娊寮堕崘顔兼濞戞挴鍋撻梺娆惧枛閸欏繘寮婚敓锟�!
折叠菜单,竖向的
<!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缂佸本妞藉Λ锟�
闁哄倻澧楀顔碱嚗椤旂厧瑙�
闁煎灚宕橀鍡楊嚗椤旂厧瑙�
濞存粏妗ㄥЧ澶岀磾閿燂拷
鐎殿喒鍋撻煫鍥у暟缂嶏拷
闁谎勫劤鐎规娊骞栧⿰鍡橆棏
濠㈣泛绉撮崺妤冪磾閹存繃绲�
闁哄洦娼欓ˇ锟�...