问答
.NET Conf China
全部
招聘
社区公告
寻找 .NET 技术达人
.NET Framework
.NET Core
微服务
.NET5 / 6
.NET技术前瞻
VC
.NET技术其他语言
ASP_NET
EF
EF Core
Web Services
桌面应用
VB
图表区
前端
博文收录
分析与设计
Ada助手
组件/控件开发
AppLauncher
圈内交友

如何用JS制作(至少)三级的下拉式(导航)菜单?(支持IE\Netscape等其它浏览器)

2005-08-27 08:54:10 579 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

qqvip2 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 关注 + 加入社区

Springboot信息泄露以及heapdump的利用努力是为了不平庸~安全有些时候是枯燥的，这一次，让我们先人一步，趣学渗透！阅读详情

如何用JS制作至少三级的下拉式(导航)菜单?
并且要在IE\Netscape等一些常用浏览器中也有效果!

越简单,越好用.越好!(最好能设置菜单的颜色颜色,带框)

...全文

配置赞助广告

新版本大疆智图4.5 永久许可摄影测量建模软件大疆智图支持常见格式的成果输出，包括 TIFF 正射影像和高程模型、LAS 格式点云，以及 B3DM、OSGB、OBJ 等六种常用格式的三维模型，还包括 DXF 和 SHP 等格式的等高线。大疆智图 DJI Terra是领先的三维重建软件，提供先进的技术和简单的操作，一站式解决方案，从航线规划到数据的获取，以及模型重建、数据分析等都提供独一无二的支持，优化项目工程，提供自动化优势，获得更有效智能的决策和行动，最终用户可以获得理想的结果，减轻工作压力，提高作业效率。质量报告和剖面查看功能有助于分析点云质量。阅读详情

相关推荐

js实现展开收起菜单

通过JavaScript实现菜单的展开与收起，不仅能够优化界面布局，还能够提供更加直观的导航体验。

handyboy

兼容多种浏览器的下拉式二级菜单

对于下拉效果，我们可以利用伪类`:hover`来触发显示子菜单。然而，不同浏览器对`:hover`的处理可能有所不同，特别是IE6不支持`:hover`在非链接元素上。

hadream2012

谷歌浏览器js打开IE浏览器.rar

本示例“谷歌浏览器js打开IE浏览器.rar”提供了一个解决方案，它允许用户在谷歌浏览器（Chrome）中通过JavaScript代码启动IE浏览器。

打成jar包

预览pdf浏览器插件，兼容ie浏览器

**跨浏览器兼容性**：PDF.js特别强调对IE浏览器的兼容，这是因为IE在某些版本中并不支持现代Web技术，如HTML5的Canvas。

宏阳love心

浏览器兼容谷歌IE8.js，IE9.js下载

`IE8.js`和`IE9.js`是开源的JavaScript库，由谷歌的 Closure Compiler 编译而成，它们主要目标是弥补IE8和IE9在支持JavaScript新特性和CSS3方面与现代浏览器之间的差距

水月_001

如何用JS制作(至少)三级的下拉式(导航)菜单?(支持IE\Netscape等其它浏览器)

如何用JS制作至少三级的下拉式(导航)菜单? 并且要在IE\Netscape等一些常用浏览器中也有效果! 越简单,越好用.越好!(最好能设置菜单的颜色颜色,带框)

复制链接

扫一扫

qqvip2

.NET社区 · 62,272 成员 · 668,968 内容

+ 关注 + 加入社区

切换为时间正序

haipingma 2005-11-22

打赏
举报

study

singlepine 2005-09-20

打赏
举报

msub1=new mMenuItem(' ≡日常事务≡','','self',false,'','1','','','','');
msub1.addsubItem(new mMenuItem(' 站务论坛','/bbs/list.asp?boardid=1','self',false,'关于本站的日常或其他事务的讨论区',null,'','','',''));
msub1.addsubItem(new mMenuItem(' FTP和会员服务区','/bbs/list.asp?boardid=2','self',false,'本站FTP的使用以及会员们讨论论坛建设的好地方',null,'','','',''));
msub1.addsubItem(new mMenuItem(' 需求与补档','/bbs/list.asp?boardid=17','self',false,'大家需要什么都在这里发贴，其他版面不允许发布此类帖子，违者删贴。',null,'','','',''));
mpmenu6.addItem(msub1);
mpmenu6.addItem(new mMenuItem(null,null,null,true));
msub2=new mMenuItem(' ≡软件交流≡','','self',false,'','1','','','','');
msub2.addsubItem(new mMenuItem(' 软件讨论中心','/bbs/list.asp?boardid=3','self',false,'这里是软件交流天地，我要最新的软件，我要最好的注册...',null,'','','',''));
msub2.addsubItem(new mMenuItem(' 操作系统论坛','/bbs/list.asp?boardid=4','self',false,'各种操作系统的最新消息、使用心得体会交流。',null,'','','',''));
msub2.addsubItem(new mMenuItem(' 影音无极限','/bbs/list.asp?boardid=5','self',false,'这里提供最新最清晰的DivX 这里发布最劲最High的音乐想把握最新的娱乐动态？尽在动感！',null,'','','',''));
msub2.addsubItem(new mMenuItem(' 游民家园','/bbs/list.asp?boardid=6','self',false,'游民家园',null,'','','',''));
mpmenu6.addItem(msub2);
mpmenu6.addItem(new mMenuItem(null,null,null,true));
msub3=new mMenuItem(' ≡技术交流≡','','self',false,'','1','','','','');
msub3.addsubItem(new mMenuItem(' 菜鸟天堂','/bbs/list.asp?boardid=7','self',false,'讨论网络技术，关注网络安全。网络的加油站。',null,'','','',''));
msub3.addsubItem(new mMenuItem(' 网络技术和安全','/bbs/list.asp?boardid=8','self',false,'讨论网络技术，关注网络安全。网络的加油站。',null,'','','',''));
msub3.addsubItem(new mMenuItem(' 编程爱好者论坛','/bbs/list.asp?boardid=9','self',false,'各种编程语言、多媒体知识的交流园地',null,'','','',''));
msub3.addsubItem(new mMenuItem(' 硬件讨论区','/bbs/list.asp?boardid=10','self',false,'讨论有关计算机硬件的论坛。',null,'','','',''));
msub3.addsubItem(new mMenuItem(' 新硬件大看台','/bbs/list.asp?boardid=15','self',false,'，新，精——只介绍讨论最新最酷的硬件产品',null,'','','',''));
mpmenu6.addItem(msub3);
mpmenu6.addItem(new mMenuItem(null,null,null,true));
msub4=new mMenuItem(' ≡网友空间≡','','self',false,'','1','','','','');
msub4.addsubItem(new mMenuItem(' 情感驿站','/bbs/list.asp?boardid=11','self',false,'男孩、女孩，爱情、友情，人类永恒的话题。',null,'','','',''));
msub4.addsubItem(new mMenuItem(' 搞笑论坛','/bbs/list.asp?boardid=12','self',false,'专门张贴笑话和小小说的经典对白，搞笑图片，你也可以进来和我们一起参与哦。',null,'','','',''));
msub4.addsubItem(new mMenuItem(' 贴图专区','/bbs/list.asp?boardid=13','self',false,'精彩的图片贴在这里，好笑的，漂亮的,令人回味的....',null,'','','',''));
msub4.addsubItem(new mMenuItem(' 超级灌水','/bbs/list.asp?boardid=14','self',false,'超级灌水',null,'','','',''));
mpmenu6.addItem(msub4);
mpmenu6.addItem(new mMenuItem(null,null,null,true));
mpmenu6.addItem(new mMenuItem(' 短消息','/bbs/usersms.asp','self',false,'用户短消息',null,'','','',''));
mpmenu6.addItem(new mMenuItem(' 收藏夹','/bbs/favlist.asp','self',false,'',null,'','','',''));
mpmenu6.addItem(new mMenuItem(' 论坛搜索','/bbs/query.asp?boardid=1','self',false,'论坛搜索',null,'','','',''));
mpmenu6.addItem(new mMenuItem(' 论坛帮助','/bbs/help.asp','blank',false,'论坛帮助',null,'','','',''));
mpmenu6.addItem(new mMenuItem(' 修改资料','/bbs/MYMODIFY.ASP','self',false,'修改资料',null,'','','',''));
mpmenu6.addItem(new mMenuItem(null,null,null,true));
mpmenu6.addItem(new mMenuItem(' FTP 联盟','/Club/ftp/','self',false,'FTP 联盟',null,'','','',''));
mpmenu7=new mMenu('动感社区','','self','','','','');
mpmenu7.addItem(new mMenuItem(' 社区银行','/club/bank/Index.asp','self',false,'e 时代银行',null,'','','',''));
mpmenu7.addItem(new mMenuItem(' 社区赛马','/club/saima/horse.asp','self',false,'赛马',null,'','','',''));
mpmenu7.addItem(new mMenuItem(' 社区排行榜','/iBest/UserBest.asp','self',false,'社区排行榜',null,'','','',''));
mpmenu8=new mMenu('知识问答','/iiTest/','self','','','','');
mpmenu8.addItem(new mMenuItem(' 历史知识','/iiTest/Index.Asp?CateID=1','self',false,'历史知识',null,'','','',''));
mpmenu8.addItem(new mMenuItem(' 电脑知识','/iiTest/Index.Asp?CateID=2','self',false,'电脑知识',null,'','','',''));
mpmenu8.addItem(new mMenuItem(' 文学知识','/iiTest/Index.Asp?CateID=3','self',false,'文学知识',null,'','','',''));
mpmenu8.addItem(new mMenuItem(' 游戏知识','/iiTest/Index.Asp?CateID=4','self',false,'游戏知识',null,'','','',''));
mpmenu8.addItem(new mMenuItem(' 动漫知识','/iiTest/Index.Asp?CateID=5','self',false,'动漫知识',null,'','','',''));
mpmenu8.addItem(new mMenuItem(' 天文地理','/iiTest/Index.Asp?CateID=6','self',false,'天文地理',null,'','','',''));
mpmenu8.addItem(new mMenuItem(' 乐趣英语','/iiTest/Index.Asp?CateID=7','self',false,'乐趣英语',null,'','','',''));
mpmenu8.addItem(new mMenuItem(' 体育知识','/iiTest/Index.Asp?CateID=8','self',false,'体育知识',null,'','','',''));
mpmenu9=new mMenu('站点服务','','self','','','','');
mpmenu9.addItem(new mMenuItem(' 免费邮箱','/WebMail/','self',false,'',null,'','','',''));
mpmenu9.addItem(new mMenuItem(' 免费留言簿','/GuestBook/','self',false,'',null,'','','',''));
mpmenu10=new mMenu('软件超市','','self','','','','');
mpmenu10.addItem(new mMenuItem(' 互联网工具','/SoftMarket/Index.Asp?CateID=1','self',false,'互联网工具',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 常用工具','/SoftMarket/Index.Asp?CateID=2','self',false,'常用工具',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 办公与家庭','/SoftMarket/Index.Asp?CateID=3','self',false,'办公与家庭',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 系统工具','/SoftMarket/Index.Asp?CateID=4','self',false,'系统工具',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 多媒体软件','/SoftMarket/Index.Asp?CateID=5','self',false,'多媒体软件',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 设计与制作','/SoftMarket/Index.Asp?CateID=6','self',false,'设计与制作',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 游戏与娱乐','/SoftMarket/Index.Asp?CateID=7','self',false,'游戏与娱乐',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 行业软件','/SoftMarket/Index.Asp?CateID=8','self',false,'行业软件',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 编程与开发','/SoftMarket/Index.Asp?CateID=9','self',false,'编程与开发',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 桌面风采','/SoftMarket/Index.Asp?CateID=10','self',false,'桌面风采',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 硬件驱动','/SoftMarket/Index.Asp?CateID=11','self',false,'硬件驱动',null,'','','',''));
mpmenu10.addItem(new mMenuItem(' 其它软件','/SoftMarket/Index.Asp?CateID=12','self',false,'其它软件',null,'','','',''));
mpmenu10.addItem(new mMenuItem(null,null,null,true));
mpmenu10.addItem(new mMenuItem(' 帮助(？)','/SoftMarket/faq.asp','self',false,'系统帮助',null,'','','',''));

mwritetodocument();
</script>
</body>
</HTML>

singlepine 2005-09-20

打赏
举报

mpmenu1=new mMenu('网站首页','/','self','','','','');
mpmenu1.addItem(new mMenuItem(' 用户注册','/register.asp','self',false,'用户注册',null,'','','',''));
mpmenu1.addItem(new mMenuItem(' 用户登录','/login.asp','self',false,'用户登录',null,'','','',''));
mpmenu1.addItem(new mMenuItem(' 用户退出','/login.asp?action=logout','self',false,'用户退出',null,'','','',''));
mpmenu1.addItem(new mMenuItem(' 资料修改','/bbs/MYMODIFY.ASP','self',false,'',null,'','','',''));
mpmenu2=new mMenu('软件下载','/SoftDown/','self','','','','');
mpmenu2.addItem(new mMenuItem(' 系统程序','/softdown/index.asp?CateID=1','self',false,'系统程序',null,'','','',''));
mpmenu2.addItem(new mMenuItem(' 网络工具','/softdown/index.asp?CateID=2','self',false,'网络工具',null,'','','',''));
mpmenu2.addItem(new mMenuItem(' 媒体工具','/softdown/index.asp?CateID=3','self',false,'媒体工具',null,'','','',''));
mpmenu2.addItem(new mMenuItem(' 图文处理','/softdown/index.asp?CateID=4','self',false,'图文处理',null,'','','',''));
mpmenu2.addItem(new mMenuItem(' 桌面工具','/softdown/index.asp?CateID=5','self',false,'桌面工具',null,'','','',''));
mpmenu2.addItem(new mMenuItem(' 程序代码','/softdown/index.asp?CateID=6','self',false,'程序代码',null,'','','',''));
mpmenu2.addItem(new mMenuItem(' 游戏娱乐','/softdown/index.asp?CateID=7','self',false,'游戏娱乐',null,'','','',''));
mpmenu2.addItem(new mMenuItem(' 其他工具','/softdown/index.asp?CateID=8','self',false,'其他工具',null,'','','',''));
mpmenu2.addItem(new mMenuItem(' 特别栏目','/softdown/index.asp?CateID=9','self',false,'特别栏目',null,'','','',''));
mpmenu2.addItem(new mMenuItem(null,null,null,true));
mpmenu2.addItem(new mMenuItem(' 下载排行','/SoftDown/Index.asp?order=AllHits&updown=desc','self',false,'软件下载排行榜',null,'','','',''));
mpmenu3=new mMenu('软件学院','/SoftSchool/','self','','','','');
mpmenu3.addItem(new mMenuItem(' 软件瞭望','/SoftSchool/Index.Asp?CateID=1','self',false,'软件瞭望',null,'','','',''));
mpmenu3.addItem(new mMenuItem(' 精文荟萃','/SoftSchool/Index.Asp?CateID=2','self',false,'精文荟萃',null,'','','',''));
mpmenu3.addItem(new mMenuItem(' 操作系统','/SoftSchool/Index.Asp?CateID=3','self',false,'操作系统',null,'','','',''));
mpmenu3.addItem(new mMenuItem(' 网络软件','/SoftSchool/Index.Asp?CateID=4','self',false,'网络软件',null,'','','',''));
mpmenu3.addItem(new mMenuItem(' 工具软件','/SoftSchool/Index.Asp?CateID=5','self',false,'工具软件',null,'','','',''));
mpmenu3.addItem(new mMenuItem(' 办公软件','/SoftSchool/Index.Asp?CateID=6','self',false,'办公软件',null,'','','',''));
mpmenu3.addItem(new mMenuItem(' 认证考试','/SoftSchool/Index.Asp?CateID=7','self',false,'认证考试',null,'','','',''));
mpmenu3.addItem(new mMenuItem(null,null,null,true));
mpmenu3.addItem(new mMenuItem(' 阅读排行','/SoftSchool/Index.asp?order=hits&updown=desc','self',false,'文章阅读排行榜',null,'','','',''));
mpmenu4=new mMenu('Web 开发','/Develop/','self','','','','');
mpmenu4.addItem(new mMenuItem(' 网页设计','/Develop/Index.Asp?CateID=1','self',false,'网页设计',null,'','','',''));
mpmenu4.addItem(new mMenuItem(' .Net专栏','/Develop/Index.Asp?CateID=10','self',false,'.Net专栏',null,'','','',''));
mpmenu4.addItem(new mMenuItem(' ASP 学院','/Develop/Index.Asp?CateID=2','self',false,'ASP 学院',null,'','','',''));
mpmenu4.addItem(new mMenuItem(' JSP 学院','/Develop/Index.Asp?CateID=3','self',false,'JSP 学院',null,'','','',''));
mpmenu4.addItem(new mMenuItem(' PHP 学院','/Develop/Index.Asp?CateID=4','self',false,'PHP 学院',null,'','','',''));
mpmenu4.addItem(new mMenuItem(' CGI 学院','/Develop/Index.Asp?CateID=5','self',false,'CGI 学院',null,'','','',''));
mpmenu4.addItem(new mMenuItem(' SQL 学院','/Develop/Index.Asp?CateID=6','self',false,'SQL 学院',null,'','','',''));
mpmenu4.addItem(new mMenuItem(' XML 学院','/Develop/Index.Asp?CateID=7','self',false,'XML 学院',null,'','','',''));
mpmenu4.addItem(new mMenuItem(' Script','/Develop/Index.Asp?CateID=8','self',false,'Script',null,'','','',''));
mpmenu4.addItem(new mMenuItem(' Web服务器','/Develop/Index.Asp?CateID=9','self',false,'Web服务器',null,'','','',''));
mpmenu4.addItem(new mMenuItem(null,null,null,true));
mpmenu4.addItem(new mMenuItem(' 阅读排行','/Develop/Index.asp?order=hits&updown=desc','self',false,'文章阅读排行榜',null,'','','',''));
mpmenu5=new mMenu('教育论文','/Lunwen/','self','','','','');
mpmenu5.addItem(new mMenuItem(' 学科教学','/Lunwen/Index.Asp?CateID=1','self',false,'学科教学',null,'','','',''));
mpmenu5.addItem(new mMenuItem(' 教学管理','/Lunwen/Index.Asp?CateID=2','self',false,'教学管理',null,'','','',''));
mpmenu5.addItem(new mMenuItem(' 探索研究','/Lunwen/Index.Asp?CateID=3','self',false,'探索研究',null,'','','',''));
mpmenu5.addItem(new mMenuItem(' 名校名师','/Lunwen/Index.Asp?CateID=4','self',false,'名校名师',null,'','','',''));
mpmenu5.addItem(new mMenuItem(null,null,null,true));
mpmenu5.addItem(new mMenuItem(' 阅读排行','/Lunwen/Index.asp?order=hits&updown=desc','self',false,'文章阅读排行榜',null,'','','',''));
mpmenu6=new mMenu('精彩论坛','/bbs/','self','','','','');

singlepine 2005-09-20

打赏
举报

for(var j=1;j<=mnumberofsub;j++){
thisitem=eval("msub"+j);
stringx+='<div id=msubmenudiv'+j+
' style="filter:Alpha(Opacity=80);tag:'+thisitem.level+';cursor:'+mcursor+';position:absolute;'+
'width:'+mmenuitemwidth+'px; z-index:'+(j+200);
if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){
stringx+=';border-left: 1px solid '+mmidoutcolor+
';border-top: 1px solid '+mmidoutcolor;}
stringx+=';border-right: 1px solid '+mmenuinbordercolor+
';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+
'<table width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+
'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;
if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){
stringx+=';border-right: 1px solid '+mmidincolor+
';border-bottom: 1px solid '+mmidincolor;}
stringx+=';border-top: 1px solid '+mmenuoutbordercolor+
';padding: 4px" bgcolor='+mmenucolor+'>\n'
for(var i=0;i<thisitem.items.length;i++){
var thismenuitem=thisitem.items[i];
var imgsize="";
if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey;
var ifspace="";
if(thismenu.caption!="")ifspace=" ";
if(thismenuitem.hasc!=null){
stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+
"' width=100% onmouseout=mmenuitem_out(true) onmouseover=\"mmenuitem_over(msubmenudiv"+j+
",'"+thismenuitem.hasc+"',-1,"+j+","+i+");mshowsubmenu(msubmenudiv"+thismenuitem.hasc+",mp"+thismenuitem.hasc+",msubmenudiv"+j+");\""+
"><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";
if(thismenuitem.pos=="0"){
stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td><td";
}else if(thismenuitem.pos=="1"){
stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td><td";
}else if(thismenuitem.pos=="2"){
stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td><td background='"+thismenuitem.img+"'";
}else{
stringx += ">"+thismenuitem.caption+"</td><td";
}
stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";
}else if(!thismenuitem.isline){
stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+
"' width=100% height=15px onmouseover=\"mmenuitem_over(msubmenudiv"+j+
",false,-1,"+j+","+i+");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";
stringx += "mmenuitem_up();mexec3("+j+","+i+"); ";
if(thismenuitem.pos=="0"){
stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";
}else if(thismenuitem.pos=="1"){
stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";
}else if(thismenuitem.pos=="2"){
stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>";
}else{
stringx += ">"+thismenuitem.caption+"</td></tr>";
}
}else{
stringx+='<tr><td height="1" background="/images/hr.gif" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';
}
}
stringx+='</table>\n</div>'
}
document.write("<div align='center' id='JsMenuCSS'>"+stringx+"</div>");
}

singlepine 2005-09-20

打赏
举报

for(var x=0;x<mmenus.length;x++){
thismenu=mmenus[x];
if(x<0){
stringx+='<div id=mmenudiv'+x+' style="visiable:none"></div>';
}else{
stringx+='<div id=mmenudiv'+x+
' style="filter:Alpha(Opacity=80);cursor:'+mcursor+';position:absolute;'+
'width:'+mmenuitemwidth+'px; z-index:'+(x+100);
if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){
stringx+=';border-left: 1px solid '+mmidoutcolor+
';border-top: 1px solid '+mmidoutcolor;}
stringx+=';border-right: 1px solid '+mmenuinbordercolor+
';border-bottom: 1px solid '+mmenuinbordercolor+';visibility:hidden" onselectstart="event.returnValue=false">\n'+
'<table width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+
'style="'+mfonts+' border-left: 1px solid '+mmenuoutbordercolor;
if(mmenuinbordercolor!=mmenuoutbordercolor&&msubedge=="0"){
stringx+=';border-right: 1px solid '+mmidincolor+
';border-bottom: 1px solid '+mmidincolor;}
stringx+=';border-top: 1px solid '+mmenuoutbordercolor+
';padding: 4px" bgcolor='+mmenucolor+'>\n'
for(var i=0;i<thismenu.items.length;i++){
var thismenuitem=thismenu.items[i];
var imgsize="";
if(thismenuitem.sizex!="0"||thismenuitem.sizey!="0")imgsize=" width="+thismenuitem.sizex+" height="+thismenuitem.sizey;
var ifspace="";
if(thismenu.caption!="")ifspace=" ";
if(thismenuitem.hasc!=null){
stringx += "<tr><td id=mp"+thismenuitem.hasc+" class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+
"' width=100% onmouseout=mmenuitem_out(true) onmouseover=\"mmenuitem_over(mmenudiv"+x+
",'"+thismenuitem.hasc+"',"+x+",-1,"+i+");mshowsubmenu(msubmenudiv"+thismenuitem.hasc+",mp"+thismenuitem.hasc+",mmenudiv"+x+");\""+
"><table id=mitem"+thismenuitem.hasc+" cellspacing='0' cellpadding='0' border='0' width='100%' style='"+mfonts+"'><tr><td ";
if(thismenuitem.pos=="0"){
stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td><td";
}else if(thismenuitem.pos=="1"){
stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td><td";
}else if(thismenuitem.pos=="2"){
stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td><td background='"+thismenuitem.img+"'";
}else{
stringx += ">"+thismenuitem.caption+"</td><td";
}
stringx += " align=right width='1'><font face='Webdings' style='font-size: 6pt'>4</font></td></tr></table></td></tr>\n";
}else if(!thismenuitem.isline){
stringx += "<tr><td class=coolButton style='border: "+mitemedge+"px solid "+mmenucolor+
"' width=100% height=15px onmouseover=\"mmenuitem_over(mmenudiv"+x+
",false,"+x+",-1,"+i+");\" onmouseout=mmenuitem_out() onmousedown=mmenuitem_down() onmouseup=";
stringx += "mmenuitem_up();mexec("+x+","+i+"); ";
if(thismenuitem.pos=="0"){
stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";
}else if(thismenuitem.pos=="1"){
stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";
}else if(thismenuitem.pos=="2"){
stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>";
}else{
stringx += ">"+thismenuitem.caption+"</td></tr>";
}
}else{
stringx+='<tr><td height="1" background="/images/hr.gif" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';
}
}stringx+='</table>\n</div>'
}
}

singlepine 2005-09-20

打赏
举报

singlepine 2005-09-20

打赏
举报

singlepine 2005-09-20

打赏
举报

<HTML>
<HEAD>
<title>导航栏菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<style> </style>
</HEAD>
<body bgcolor="#999999" topmargin="0" leftmargin="0">
<script language="JavaScript">
var mmenus = new Array();
var misShow = new Boolean();
misShow=false;
var misdown = new Boolean();
misdown=false;
var mnumberofsub=0;
var musestatus=false;
var mpopTimer = 0;
mmenucolor='#89CB10';mfontcolor='MenuText';mmenuoutcolor='#ADEF34';mmenuincolor='#B5E74E';mmenuoutbordercolor='#ECFA3A';mmenuinbordercolor='#5A2614';mmidoutcolor='#A9DA1D';mmidincolor='#799310';mmenuovercolor='#004080';mitemedge='0';msubedge='1';mmenuunitwidth=66;mmenuitemwidth=140;mmenuheight=25;mmenuwidth='100%';mmenuadjust=0;mmenuadjustV=0;mfonts='font-family: 宋体; font-size: 9pt; color: MenuText; ';mcursor='hand';
var swipeSteps = 4;
var swipemsec = 25;
var swipeArray = new Array();
function swipe(el, dir, steps, msec) {
if (steps == null) steps = swipeSteps;
if (msec == null) msec = swipemsec;
if (el.swipeIndex == null)
el.swipeIndex = swipeArray.length;
if (el.swipeTimer != null)
window.clearTimeout(el.swipeTimer);
swipeArray[el.swipeIndex] = el;
el.style.clip = "rect(-99999, 99999, 99999, -99999)";
if (el.swipeCounter == null || el.swipeCounter == 0) {
el.orgLeft = el.offsetLeft;
el.orgTop = el.offsetTop;
el.orgWidth = el.offsetWidth;
el.orgHeight = el.offsetHeight;
}
el.swipeCounter = steps;
el.style.clip = "rect(0,0,0,0)";
window.setTimeout("repeat(" + dir + "," + el.swipeIndex + "," + steps + "," + msec + ")", msec);
}
function repeat(dir, index, steps, msec) {
el = swipeArray[index];
var left = el.orgLeft;
var top = el.orgTop;
var width = el.orgWidth;
var height = el.orgHeight;
if (el.swipeCounter == 0) {
el.style.clip = "rect(-99999, 99999, 99999, -99999)";
return;
}
else {
el.swipeCounter--;
el.style.visibility = "visible";
switch (dir) {
case 2:
el.style.clip = "rect(" + height*el.swipeCounter/steps + "," + width + "," + height + "," + 0 + ")";
el.style.top = top - height*el.swipeCounter/steps;
break;
case 8:
el.style.clip = "rect(" + 0 + "," + width + "," + height*(steps-el.swipeCounter)/steps + "," + 0 + ")";
el.style.top = top + height*el.swipeCounter/steps;
break;
case 6:
el.style.clip = "rect(" + 0 + "," + width + "," + height + "," + width*(el.swipeCounter)/steps + ")";
el.style.left = left - width*el.swipeCounter/steps;
break;
case 4:
el.style.clip = "rect(" + 0 + "," + width*(swipeSteps - el.swipeCounter)/steps + "," + height + "," + 0 + ")";
el.style.left = left + width*el.swipeCounter/steps;
break;
}

el.swipeTimer = window.setTimeout("repeat(" + dir + "," + index + "," + steps + "," + msec + ")", msec);
}
}
var mtmpleft="";
var mtmptop="";
function hideSwipe(el) {
window.clearTimeout(el.swipeTimer);
el.style.visibility = "hidden";
el.style.clip = "rect(-99999, 99999, 99999, -99999)";
el.swipeCounter = 0;
if(mtmpleft!="")el.style.left = mtmpleft;
if(mtmptop!="")el.style.top = mtmptop;
}

function stoperror(){
return true;
}
window.onerror=stoperror;
function mpopOut() {
mpopTimer = setTimeout('mallhide()', 500);
}
function getReal(el, type, value) {
temp = el;
while ((temp != null) && (temp.tagName != "BODY")) {
if (eval("temp." + type) == value) {
el = temp;
return el;
}
temp = temp.parentElement;
}
return el;
}

function mMenuRegister(menu)
{
mmenus[mmenus.length] = menu
return (mmenus.length - 1)
}

function mMenuItem(caption,command,target,isline,statustxt,level,img,sizex,sizey,pos){
this.items = new Array();
this.caption=caption;
this.command=command;
this.target=target;
this.isline=isline;
this.statustxt=statustxt;
if(level!=null){mnumberofsub++;
this.hasc=mnumberofsub;}
this.level=level;
this.img=img;
this.sizex=sizex;
this.sizey=sizey;
this.pos=pos;
}

function mMenu(caption,command,target,img,sizex,sizey,pos){
this.items = new Array();
this.caption=caption;
this.command=command;
this.target=target;
this.img=img;
this.sizex=sizex;
this.sizey=sizey;
this.pos=pos;
this.id=mMenuRegister(this);
}
function mMenuAddItem(item)
{
this.items[this.items.length] = item
item.parent = this.id;
this.children=true;
}

mMenu.prototype.addItem = mMenuAddItem;
mMenuItem.prototype.addsubItem = mMenuAddItem;

function mtoout(src){

src.style.borderLeftColor=mmenuoutbordercolor;
src.style.borderRightColor=mmenuinbordercolor;
src.style.borderTopColor=mmenuoutbordercolor;
src.style.borderBottomColor=mmenuinbordercolor;
src.style.backgroundColor=mmenuoutcolor;
src.style.color=mmenuovercolor;
}

syeerzy 2005-08-31

打赏
举报

如果你指的是2级子菜单。如果你已经看见这样的菜单，查看他的源码，拿下来，自己修改一下。
对于流，可能存在不同浏览器的显示结果完全不同，换成内框。
对于document.all.######因为在非ie内核的浏览器上没有all对象，利用aspx一般只有一个form并且一般所有控件都在这个form里，可以把这个form的id设为all,投机取巧了点，不过实用。
对于有些浏览器对控件认id有些认name，只要所有地方都给它2个。
。。。。。。其他的类似处理。

另外，不可能要求在所有浏览器都正常，只要IE,NN,FF等主流浏览器的最新2到3个版本正常就差不多了，使用其他内核浏览器的人反正他们也习惯了看哪里都不正常，不会怪你的。呵呵，就好象如果有人用的是UNIX上那个可以直接发送到新闻组那个浏览器（UNIX下现在还有些人用）忘记叫什么了，连鼠标都不支持，全是用键盘，点超连接是用组合键（好象是shift+右方向键），也不支持js。。。对于那样的浏览器，你急也没办法。对不对？

仓木泽 2005-08-30

打赏
举报

syeerzy(快乐永远*先天下之乐而乐*后天下之忧而忧*)
说的很有道理，学到东西了

qqvip2 2005-08-30

打赏
举报

子菜单.(如:开始>程序>附件>娱乐>媒体播放器,这样子的)

qqvip2 2005-08-30

打赏
举报

有看过3级的(所指就是两个子弹单的呀)

但都只能在ie下使用!

极客行天下 2005-08-28

打赏
举报

关注

syeerzy 2005-08-28

打赏
举报

请问你在什么地方看见你说的这种菜单了吗？
如果看见了，查看它的源码就行了，我是没代码给你，因为学过软件界面设计的人都知道，关于菜单有个基本准则“前2级是菜单，第3级以后是用弹出的对话窗口”3级以上的菜单是不合格的设计，因为不符合容易使用的原则。延时少了太乱，多了太慢。

不妨看看你熟悉的软件，那么大一套Office你看见第3级了吗？所有要求第3级操作的都是弹出个窗口给你。再看看操作复杂点的，比如AutoCAD，3DMax,Photoshop，那些需要复杂操作的地方你看见第3级了吗？有机会给你看见第3级的都是些不注意界面细节的小公司的东西。

再考虑一下吧，楼主。虽然我举的例子都不是WebApp的，不过道理是一样的。

qqvip2 2005-08-28

打赏
举报

唉,求答案!

qqvip2 2005-08-27

打赏
举报

感谢" wsh236(与龙同在)" 的热心参与我问题的回答.

可惜的是,这菜单既不是三层的(只是二层的)菜单,又不能在netscape下正常使用,三个要求中:只有是下拉式菜单符合了要求...所以....

不好意思,我还是用不上这代码,不过还是感谢你的热心回答!

wsh236 2005-08-27

打赏
举报

我想给你源码呢！可是说我的太多不让回复！晕！只好给你个网址了！
http://www.51windows.net/myjs/?u=/hw/asp/jsview.asp?id=118