标题:我想要个和这论坛一样的下拉式菜单代码
只看楼主
BADIORI
Rank: 1
等 级:新手上路
帖 子:63
专家分:0
注 册:2004-11-13
 问题点数:0 回复次数:5 
我想要个和这论坛一样的下拉式菜单代码
最近我在做个人论坛玩,想要个下拉式菜单代码,可是找不到自己满意的,要不就是太简单了,要不就是子目录特别多的代码又长,看的我头晕.
  我觉得还是论坛用的这个效果看起来比较舒服,谁有相关的代码吗?可不可以贴出来?
搜索更多相关主题的帖子: 菜单 代码 
2005-09-11 23:22
saiypm
Rank: 1
等 级:新手上路
帖 子:7
专家分:0
注 册:2005-9-12
得分:0 

<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=_25CD_25B6_25D7_25CA_25D3_25EB_25C0_25ED_25B2_25C6>">投资与理财</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=_25D3_25E9_25C0_25D6_25D0_25DD_25CF_25D0>">娱乐休闲</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=_25BC_25C6_25CB_25E3_25BB_25FA>">计算机</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=_25BD_25A1_25BF_25B5_25D2_25BD_25D2_25A9>">健康医药</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=_25C9_25FA_25BB_25EE>">生活</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=_25C5_25AE_25D0_25D4_25CA_25C0_25BD_25E7>">女性世界</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=_25BC_25D2_25CD_25A5>">家庭</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=_25BD_25CC_25D3_25FD>">教育</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=_25C6_25E4_25CB_25FC>">其它</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="../www.jzzy.com/default.htm">建站资源</a></div>

2005-09-12 01:25
BADIORI
Rank: 1
等 级:新手上路
帖 子:63
专家分:0
注 册:2004-11-13
得分:0 
哇,太棒了!
非常感谢!

2005-09-12 09:02
suyongtao
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:33
帖 子:8674
专家分:127
注 册:2004-11-6
得分:0 
[CODE]

<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=_25CD_25B6_25D7_25CA_25D3_25EB_25C0_25ED_25B2_25C6>">投资与理财</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=_25D3_25E9_25C0_25D6_25D0_25DD_25CF_25D0>">娱乐休闲</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=_25BC_25C6_25CB_25E3_25BB_25FA>">计算机</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=_25BD_25A1_25BF_25B5_25D2_25BD_25D2_25A9>">健康医药</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=_25C9_25FA_25BB_25EE>">生活</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=_25C5_25AE_25D0_25D4_25CA_25C0_25BD_25E7>">女性世界</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=_25BC_25D2_25CD_25A5>">家庭</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=_25BD_25CC_25D3_25FD>">教育</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=_25C6_25E4_25CB_25FC>">其它</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="../www.jzzy.com/default.htm">建站资源</a></div>[/CODE]


面朝大海,春暖花开!
2005-09-12 09:13
suyongtao
Rank: 16Rank: 16Rank: 16Rank: 16
等 级:版主
威 望:33
帖 子:8674
专家分:127
注 册:2004-11-6
得分:0 
不错,,

面朝大海,春暖花开!
2005-09-12 09:15
caiyakang
Rank: 2
等 级:新手上路
威 望:5
帖 子:2111
专家分:0
注 册:2005-3-24
得分:0 
请问这个是3级联菜单吗。

中国人的财富网:http://www..cn/
2005-09-12 10:59



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-27349-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.067031 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved