共创联盟: 代码库

广泛智力汇聚高效成果传播先进机制培育
联盟首页 \| 协同开发 \| 开放源码库 \| 安全告警 \| 开源导航 \| 文档中心 \| 服务支持 \| 共创论坛 \| 关于联盟

您的位置 »

今天是: 2010年11月22日

	项目搜索
完全匹配

	开源软件
软件分类表新发布软件其它网站镜像代码片断

	协同开发
文档论坛寻求协助热点项目站点状态编译工厂联系我们关于联盟

代码片段库: 查看代码片段

浏览 | 提交新的代码片段 | 创建代码包

多层超酷导航条

类型:
Full Script 类别:
HTML Manipulation

许可证:
GNU General Public License 语言:
JavaScript

描述:
一个用文字链接展开的超酷导航菜单，使用非常方便来源：http://www.baron.com.cn

该代码片段的版本系列:

片段ID 下载版本 提交时间 提交人 删除

4787 1.0 2003-10-24 04:23 cbd001

点击"下载版本"来下载该代码片段.

最新版本的代码片段: 1.0


脚本说明:
把如下代码加入<body>区域中
<style type="text/css">
A:link,A:visited{COLOR: #000000;TEXT-DECORATION: none}
A:hover{COLOR:#6B9636;TEXT-DECORATION: underline}
td{font-size:9pt}
.a_mo{position:absolute;width:80px;left:30px;background-color: #F7F7E7;z-index:1;border: 1px none #6B9636;visibility: hidden}
</style>
<script language="javascript">
a_mo4=10 //注意这里的10是指子菜单里的内容多少，10个却为有9个子菜单
function displaymainmenu(){mainmenu.style.visibility="visible";}
function hidemainmenu(){mainmenu.style.visibility="hidden";
for(i=1;i<a_mo4;i++)
eval('sonmenu'+i+'.style.visibility="hidden"')}
function displaysonmenu(n){
for(i=1;i<a_mo4;i++)
eval('sonmenu'+i+'.style.visibility="hidden"');
x=eval(n);x.style.visibility="visible";}
function hidesonmenu(n){mainmenu.style.visibility="hidden";
for(i=1;i<a_mo4;i++)eval('sonmenu'+i+'.style.visibility="hidden"')}
</script>
<div id="menu" style="display:" onmouseover="javascript:displaymainmenu()" align="center">
<div id="mainmenu" onmouseout="hidemainmenu()" style="position:absolute;width:90px;background-color: #F7F7E7;z-index:1;border: 1px none #6B9636;visibility: hidden">
<table width="100%" height=100% gcolor="#F7F7E7" cellspacing="0" cellpadding="0" border=2 bordercolor="#6B9636"><tr><td><center><a href="main.php">建站资源</a></center>
<table width="90%" border="1" cellspacing="0" cellpadding="2" align="center" bgcolor="#F7F7E7" bordercolor="#6B9636"><tr><td>

<div id="menuLayer1" style="display:" onmouseover="javascript:displaysonmenu('sonmenu1')">
<a href="layer.php?layer=投资与理财>">投资与理财</a>
<div id="sonmenu1" class=a_mo onmouseout="hidesonmenu()">
<table width="90%" border="1" cellspacing="2" cellpadding="2" align="center" bordercolor="#6B9636">
<tr><td><a href="#投资与理财>家庭理财">家庭理财</a></td></tr>
<tr><td><a href="#投资与理财>股票证券">股票证券</a></td></tr>
<tr><td><a href="#投资与理财>保险">保险</a></td></tr>
<tr><td><a href="#投资与理财>求职与招聘">求职与招聘</a></td></tr>
<tr><td><a href="#投资与理财>政策法律">政策法律</a></td></tr>
<tr><td><a href="#投资与理财>二手交易">二手交易</a></td></tr>
<tr><td><a href="#投资与理财>其它">其它</a></td></tr>
</table></div></div></td></tr><tr><td>

<div id="menuLayer2" style="display:" onmouseover="javascript:displaysonmenu('sonmenu2')"><a href="layer.php?layer=娱乐休闲>">娱乐休闲</a>
<div id="sonmenu2" class=a_mo onmouseout="hidesonmenu()">
<table width="90%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="" bordercolor="#6B9636">
<tr><td><a href="#娱乐休闲>酷站">酷站</a></td></tr>
<tr><td><a href="#娱乐休闲>游戏">游戏</a></td></tr>
<tr><td><a href="#娱乐休闲>旅游">旅游</a></td></tr>
<tr><td><a href="#娱乐休闲>体育运动">体育运动</a></td></tr>
<tr><td><a href="#娱乐休闲>影视">影视</a></td></tr>
<tr><td><a href="#娱乐休闲>歌曲与音乐">歌曲与音乐</a></td></tr>
<tr><td><a href="#娱乐休闲>美食">美食</a></td></tr>
<tr><td><a href="#娱乐休闲>动漫">动漫</a></td></tr>
<tr><td><a href="#娱乐休闲>其它">其它</a></td></tr>
</table></div></div></td></tr><tr><td>

<div id="menuLayer3" style="display:" onmouseover="javascript:displaysonmenu('sonmenu3')"><a href="layer.php?layer=计算机>">计算机</a>
<div id="sonmenu3" class=a_mo onmouseout="hidesonmenu()">
<table width="90%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="" bordercolor="#6B9636">
<tr><td><a href="#计算机>WINDOWS">WINDOWS</a></td></tr>
<tr><td><a href="#计算机>编程">编程</a></td></tr>
<tr><td><a href="#计算机>互联网">互联网</a></td></tr>
<tr><td><a href="#计算机>上网技巧">上网技巧</a></td></tr>
<tr><td><a href="#计算机>硬件">硬件</a></td></tr>
<tr><td><a href="#计算机>操作系统">操作系统</a></td></tr>
<tr><td><a href="#计算机>应用软件">应用软件</a></td></tr>
<tr><td><a href="#计算机>图像处理">图像处理</a></td></tr>
<tr><td><a href="#计算机>其它">其它</a></td></tr>
</table></div></div></td></tr><tr><td>

<div id="menuLayer4" style="display:" onmouseover="javascript:displaysonmenu('sonmenu4')"><a href="layer.php?layer=健康医药>">健康医药</a>
<div id="sonmenu4" class=a_mo onmouseout="hidesonmenu()">
<table width="90%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="" bordercolor="#6B9636">
<tr><td><a href="#健康医药>养生保健">养生保健</a></td></tr>
<tr><td><a href="#健康医药>性保健">性保健</a></td></tr>
<tr><td><a href="#健康医药>心理健康">心理健康</a></td></tr>
<tr><td><a href="#健康医药>医药">医药</a></td></tr>
<tr><td><a href="#健康医药>小毛小病">小毛小病</a></td></tr>
<tr><td><a href="#健康医药>其它">其它</a></td></tr>
</table></div></div></td></tr><tr><td>

<div id="menuLayer5" style="display:" onmouseover="javascript:displaysonmenu('sonmenu5')"><a href="layer.php?layer=生活>">生活</a>
<div id="sonmenu5" class=a_mo onmouseout="hidesonmenu()">
<table width="90%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="" bordercolor="#6B9636">
<tr><td><a href="#生活>住房">住房</a></td></tr>
<tr><td><a href="#生活>购物">购物</a></td></tr>
<tr><td><a href="#生活>交通">交通</a></td></tr>
<tr><td><a href="#生活>烹饪">烹饪</a></td></tr>
<tr><td><a href="#生活>其它">其它</a></td></tr>
</table></div></div></td></tr><tr><td>

<div id="menuLayer6" style="display:" onmouseover="javascript:displaysonmenu('sonmenu6')"><a href="layer.php?layer=女性世界>">女性世界</a>
<div id="sonmenu6" class=a_mo onmouseout="hidesonmenu()">
<table width="90%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="" bordercolor="#6B9636">
<tr><td><a href="#女性世界>美容">美容</a></td></tr>
<tr><td><a href="#女性世界>膳食保养">膳食保养</a></td></tr>
<tr><td><a href="#女性世界>时尚">时尚</a></td></tr>
<tr><td><a href="#女性世界>情感世界">情感世界</a></td></tr>
<tr><td><a href="#女性世界>职业男女">职业男女</a></td></tr>
<tr><td><a href="#女性世界>其它">其它</a></td></tr>
</table></div></div></td></tr><tr><td>

<div id="menuLayer7" style="display:" onmouseover="javascript:displaysonmenu('sonmenu7')"><a href="layer.php?layer=家庭>">家庭</a>
<div id="sonmenu7" class=a_mo onmouseout="hidesonmenu()">
<table width="90%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="" bordercolor="#6B9636">
<tr><td><a href="#家庭>布置与装修">布置与装修</a></td></tr>
<tr><td><a href="#家庭>育儿">育儿</a></td></tr>
<tr><td><a href="#家庭>宠物">宠物</a></td></tr>
<tr><td><a href="#家庭>家电">家电</a></td></tr>
<tr><td><a href="#家庭>家务事">家务事</a></td></tr>
<tr><td><a href="#家庭>其它">其它</a></td></tr>
</table></div></div></td></tr><tr><td>

<div id="menuLayer8" style="display:" onmouseover="javascript:displaysonmenu('sonmenu8')"><a href="layer.php?layer=教育>">教育</a>
<div id="sonmenu8" class=a_mo onmouseout="hidesonmenu()">
<table width="90%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="" bordercolor="#6B9636">
<tr><td><a href="#教育>文学">文学</a></td></tr>
<tr><td><a href="#教育>军事">军事</a></td></tr>
<tr><td><a href="#教育>留学移民">留学移民</a></td></tr>
<tr><td><a href="#教育>培训考试">培训考试</a></td></tr>
<tr><td><a href="#教育>学习园地">学习园地</a></td></tr>
<tr><td><a href="#教育>好书欣赏">好书欣赏</a></td></tr>
<tr><td><a href="#教育>艺术">艺术</a></td></tr>
<tr><td><a href="#教育>科学">科学</a></td></tr>
<tr><td><a href="#教育>其它">其它</a></td></tr>
</table></div></div></td></tr><tr><td>
<div id="menuLayer9" style="display:" onmouseover="javascript:displaysonmenu('sonmenu9')"><a href="layer.php?layer=其它>">其它</a>
<div id="sonmenu9" class=a_mo onmouseout="hidesonmenu()">
<table width="90%" border="1" cellspacing="2" cellpadding="2" align="center" bgcolor="" bordercolor="#6B9636">
<tr><td><a href="#其它>寻找">寻找</a></td></tr>
<tr><td><a href="#其它>征友">征友</a></td></tr>
<tr><td><a href="#其它>趣多多">趣多多</a></td></tr>
<tr><td><a href="#其它>星座与命理">星座与命理</a></td></tr>
<tr><td><a href="#其它>灵通告白">灵通告白</a></td></tr>
<tr><td><a href="#其它>其它">其它</a></td></tr>
</table></div></div></td></tr></table></td></tr></table>
<br></div>
<a href="http://www.jzzy.com">建站资源</a></div>

提交新版本

如果您修改了一个代码片段并且觉得很应该让别人共享,您可以把这作为这个代码片段的最新版本提交上来.

联盟团体会员

合作伙伴