您好,欢迎来到模板无忧!
登录
注册
閺€鎯版
閹兼粎鍌�
閸︽澘娴�
鐢喖濮�
模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
关闭顶部
展开顶部
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
AI鐏忓繗浠� 閼宠棄鍟撴导姘辨暰
閸╃喎鎮�
閹恒劏宕�
展开边栏
关闭边栏
网页特效代码
模板无忧
>
网页特效
>
菜单导航特效代码
>
收藏
分享
查看评论
菜单导航
演示
又一个树形菜单(有色的)_菜单导航特效
查看演示效果
特效Tag:
菜单
添加
缂佸洦鈪礑edeCMS鐟欏棝顣堕弫娆戔柤
娑旀壆鈹栭梻锟� 缁夌喐婀囬崝鈥虫珤 闁缍夌涵鏇氱鞍閼辨棑绱�
閺冪姴鍜栫粩娆撴毐瀹搞儱鍙�,閻ф儳瀹抽弶鍐櫢娑撯偓闁款喖鍙忛弻锟�!
又一个树形菜单(有色的),您可以先修改部分代码再运行.
<!--脚本说明: 第一步:把如下代码加入<head>区域中--> <SCRIPT LANGUAGE="JavaScript"> <!-- var bV=parseInt(navigator.appVersion); var NS4=(document.layers) ? true : false; var IE4=((document.all)&&(bV>=4))?true:false; var ver4 = (NS4 || IE4) ? true : false; function expandIt(){return} function expandAll(){return} function nomsg(){self.status="";} if(ver4){ document.write("<SCR"+"IPT LANGUAGE=\"JavaScript\" SRC=\"rsmenu1.js\"></SCR"+"IPT>"); } //--> </SCRIPT> <!--第二步:把如下代码加入<body>区域中--> <!---------- begin OUTLINE -----------> <A HREF="#" onClick="expandAll(false); return false"><IMG NAME="imEx" SRC="http://p1.mb5u.com/texiao/11/2010052300480725.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开/关闭全部"> <FONT COLOR="#008000">全部菜单</FONT></A> <!-- <span style="background: #00FFFF; color: black">展开/关闭全部</span> --> <!-- <BLOCKQUOTE> --> <!-- 第一级父菜单 --> <DIV ID="elOneParent" CLASS=parent style="margin-left: 0.5em"> <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elOne'); return false"><IMG NAME="imEx" SRC="http://p1.mb5u.com/texiao/11/2010052300480725.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单一</A> </DIV> <!-- 第一级子菜单 --> <DIV ID="elOneChild" CLASS=child style="margin-left: 1em"> <A HREF="1.htm" target="data">子页面一</A><BR> <A HREF="2.htm" target="data">子页面二</A><BR> <A HREF="3.htm" target="data">子页面三</A><BR> <A HREF="4.htm" target="data">子页面四</A> </DIV> <!-- 第二级父菜单 --> <DIV ID="elTwoParent" CLASS=parent style="margin-left: 0.5em"> <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elTwo'); return false"><IMG NAME="imEx" SRC="http://p1.mb5u.com/texiao/11/2010052300480725.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单二</A> </DIV> <!-- 第二级子菜单 --> <DIV ID="elTwoChild" CLASS=child style="margin-left: 1em"> <A HREF="1.htm" target="data">子页面一</A><BR> <A HREF="2.htm" target="data">子页面二</A><BR> <A HREF="3.htm" target="data">子页面三</A><BR> <A HREF="4.htm" target="data">子页面四</A> </DIV> <!-- 第三级父菜单 --> <DIV ID="elThreeParent" CLASS=parent style="margin-left: 0.5em"> <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elThree'); return false"><IMG NAME="imEx" SRC="http://p1.mb5u.com/texiao/11/2010052300480725.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单三</A> </DIV> <!-- 第三级子菜单 --> <DIV ID="elThreeChild" CLASS=child style="margin-left: 1em"> <A HREF="1.htm" target="data">子页面一</A><BR> <A HREF="2.htm" target="data">子页面二</A><BR> <A HREF="3.htm" target="data">子页面三</A><BR> <A HREF="4.htm" target="data">子页面四</A> </DIV> <!-- 第四级父菜单 --> <DIV ID="elFourParent" CLASS=parent style="margin-left: 0.5em"> <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elFour'); return false"><IMG NAME="imEx" SRC="http://p1.mb5u.com/texiao/11/2010052300480725.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单四</A> </DIV> <!-- 第四级子菜单 --> <DIV ID="elFourChild" CLASS=child style="margin-left: 1em"> <A HREF="1.htm" target="data">子页面一</A><BR> <A HREF="2.htm" target="data">子页面二</A><BR> <A HREF="3.htm" target="data">子页面三</A><BR> <A HREF="4.htm" target="data">子页面四</A> </DIV> <!-- 第五级父菜单 --> <DIV ID="elFiveParent" CLASS=parent style="margin-left: 0.5em"> <A HREF="#" style="color:#C000FF; text-decoration:none;" onClick="expandIt('elFive'); return false"><IMG NAME="imEx" SRC="http://p1.mb5u.com/texiao/11/2010052300480725.gif" WIDTH=9 HEIGHT=9 BORDER=0>主菜单五</A> </DIV> <!-- 第五级子菜单 --> <DIV ID="elFiveChild" CLASS=child style="margin-left: 1em"> <A HREF="1.htm" target="data">子页面一</A><BR> <A HREF="2.htm" target="data">子页面二</A><BR> <A HREF="3.htm" target="data">子页面三</A><BR> <A HREF="4.htm" target="data">子页面四</A> </DIV> <!-- </BLOCKQUOTE> --> <DIV ID="elExpParent" CLASS=regular> <A HREF="#" onClick="expandAll(true); return false"><IMG NAME="imEx" SRC="http://p1.mb5u.com/texiao/11/2010052300480725.gif" WIDTH=9 HEIGHT=9 BORDER=0 ALT="展开/关闭全部"> <FONT COLOR="#008000">全部菜单</FONT></A> </DIV> <!---------- end OUTLINE -----------> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- if(NS4){ firstEl = "elOneParent"; firstInd = getIndex(firstEl); showAll(); arrange(); } //--> </SCRIPT>
所属频道:
菜单导航特效
/
更新时间:2010-05-23
[收藏]
[报错]
[返回列表]
相关
菜单导航特效
:
CSS+div+js组合强大实现超酷菜单
超酷仿GOOGLE首页导航菜单效果
仿网易的滑动门技术DIV+CSS实现
仿蓝色理想网站的导航菜单
鼠标触及带边框菜单
用JS实现的类似框架的链接导航模式
CSS立体层
右键弹出菜单
纯css的导航下拉菜单
隐藏菜单效果
css模拟title和alt的提示效果
下拉菜单链接页面打开方式选择
菜单导航特效Rss订阅
特效代码搜索
菜单导航特效推荐
CSS黑白变成彩色图片的块状导航
很棒的自定义CSS下拉菜单
CSS+Js遮罩效果的TAB及焦点图片切换
深灰色大按钮式的CSS导航条
菜单背景自适应宽度的CSs实现方法示例
博客里的竖向纯CSS圆角导航栏
超酷超花俏的滑动菜单,响应鼠标滑过
仿淘宝支付宝网站的漂亮导航菜单
一个自动切换的Tab选项卡(滑动门)
每一个菜单项都可以关闭的竖排导航栏
猜你也喜欢看这些
动态的Loading文字,逐个变大
动感图片标题的焦点图切换
美化过的匀速图片滚动
jQuery 图片拉伸放大效果代码
CSS制作的类似相册浏览的功能
图片渐渐出现脚本
Js版淘宝图片切换,类似相册播放效果
下拉框选择图片的代码
右下角随机显示的JS图片广告
纯CSS代码实现的图片列表滚动
相关链接:
复制本页链接
|
搜索又一个树形菜单(有色的)
特效说明:
菜单导航模板
-
又一个树形菜单(有色的)
。
閺€鎯版&閸掑棔闊�
QQ缁屾椽妫�
閺傜増姘顔煎触
閼垫崘顔嗗顔煎触
娴滆桨姹夌純锟�
瀵偓韫囧啰缍�
閻ф儳瀹抽幖婊嗘
婢跺秴鍩楃純鎴濇絻
閺囨潙顦�...