关于导航条的一个问题---！高分赠送！！！

sjl_cn 2002-11-21 07:47:51

我最近在做一个需要有下拉菜单的导航条的网页（在IE下使用）！！！可我试了好几次，结果都不行，我有一个拉来的程序，但看不明白，我希望能有人帮我解释一下，不胜感激！！！
程序如下：
<script type="text/javascript" language="JavaScript1.2">
if(navigator.userAgent.indexOf("MSIE") == -1){
alert("This menu is supported in Internet Explorer");
window.back();
}
var myleft = 0;
var mymenuid = new String();
var layer = new String();
var style = new String();
mymenuid="nomenu";

function checkBrowser(){
layer = ".all";
style = ".style";
}

function changeState(layerRef, state){
eval("document"+layer+"['"+layerRef+"']"+style+".visibility='"+state+"'");
x=event.clientX-10;
eval(layerRef+'.style.posLeft='+x);//这一段有什么作用；
}

function myOpenMenu(layerRef){
if (mymenuid == "nomenu") {
mymenuid = layerRef;
changeState(layerRef, "visible")
}else{
mymenuid = "nomenu";
changeState(layerRef, "hidden")
}
}

function myChangeMenu(layerRef){
if (mymenuid != "nomenu") {
if (mymenuid != layerRef){
changeState(mymenuid, "hidden");
changeState(layerRef, "visible")
mymenuid = layerRef;
}
}
}

function myCloseMenu(){
if (mymenuid != "nomenu") {
changeState(mymenuid, "hidden")
mymenuid = "nomenu";
}
}
</script>
在HTML中是用DIV实现的。
如果有人有现成的源程序回复我（请加上注释！！！）谢谢！！！！（IE下使用）

...全文

48 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

seabell 2002-11-22

打赏
举报

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.menu { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #FFFFFF; background-color: #006699; border-color: #CCCCCC #666666 #666666 #CCCCCC; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; cursor: hand}
.menuonmouse { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #FFFFFF; background-color: #999999; border-color: #CCCCCC #666666 #666666 #CCCCCC; cursor: hand ; border-style: inset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.menuonmouseout { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #FFFFFF; background-color: #999999; border-color: #CCCCCC #666666 #666666 #CCCCCC; cursor: hand ; border-style: inset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.menuonmouseover { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px; color: #FFFFFF; background-color: #006699; border-color: #CCCCCC #666666 #666666 #CCCCCC; cursor: hand ; border-style: outset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
</style>
</head>

<body bgcolor="#CCCCCC" text="#000000">
<div id="Layer1" style="position:absolute; left:10px; top:10px; width:41px; height:24px; z-index:1">
<table cellspacing="4">
<tr>
<td nowrap id="menu1" class="menuonmouseout" onMouseOver="myover(this,menu01)" >菜单项一</td>
<td nowrap id="menu2" class="menuonmouseout" onMouseOver="myover(this,menu02)" >菜单项二</td>
<td nowrap id="menu3" class="menuonmouseout" onMouseOver="myover(this,menu03)" >菜单项三</td>
<td nowrap id="menu4" class="menuonmouseout" onMouseOver="myover(this,menu04)" >菜单项四</td>
<td nowrap id="menu5" class="menuonmouseout" onMouseOver="myover(this,menu05)" >菜单项五</td>
</tr>
<tr>
<td align="center" valign="top">
<div id="menu01" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu01)" onMouseOut="myout(this,menu01)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu01)" onMouseOut="myout(this,menu01)" onclick="location='http://51js.1000box.net'">菜单项一.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu01)" onMouseOut="myout(this,menu01)">菜单项一.二</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu01)" onMouseOut="myout(this,menu01)">菜单项一.三</td>
</tr>
</table>
</div>
</td>
<td align="center" valign="top">
<div id="menu02" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu02)" onMouseOut="myout(this,menu02)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu02)" onMouseOut="myout(this,menu02)">菜单项二.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu02)" onMouseOut="myout(this,menu02)">菜单项二.二</td>
</tr>
</table>
</div>
</td>
<td align="center" valign="top">
<div id="menu03" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">菜单项三.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">菜单项三.二</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">菜单项三.三</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu03)" onMouseOut="myout(this,menu03)">菜单项三.四</td>
</tr>
</table>
</div>
</td>
<td valign="top" align="center">
<div id="menu04" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu04)" onMouseOut="myout(this,menu04)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu04)" onMouseOut="myout(this,menu04)">菜单项四.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu04)" onMouseOut="myout(this,menu04)">菜单项四.二</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu04)" onMouseOut="myout(this,menu04)">菜单项四.三</td>
</tr>
</table>
</div>
</td>
<td align="center" valign="top">
<div id="menu05" style=" visibility: hidden">
<table width="75%" border="0" class="menu" onMouseOver="myover(this,menu05)" onMouseOut="myout(this,menu05)">
<tr>
<td nowrap class="menuonmouseout" onMouseOver="myover(this,menu05)" onMouseOut="myout(this,menu05)">菜单项五.一</td>
</tr>
<tr>
<td class="menuonmouseout" onMouseOver="myover(this,menu05)" onMouseOut="myout(this,menu05)">菜单项五.二</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
<p> </p>
</body>
</html>
<script>
function myover(obj,menu)
{
menu1.className = "menuonmouseout";//将所有一级菜单的样式设置为menuonmouseout;
menu2.className = "menuonmouseout";
menu3.className = "menuonmouseout";
menu4.className = "menuonmouseout";
menu5.className = "menuonmouseout";

obj.className = "menuonmouseover";//将当前菜单的样式设置为menuonmouseover；

menu01.style.visibility = "hidden";//将所有二级菜单所在的图层隐藏；
menu02.style.visibility = "hidden";
menu03.style.visibility = "hidden";
menu04.style.visibility = "hidden";
menu05.style.visibility = "hidden";

menu.style.visibility = "visible";//将当前菜单所在图层设置为可见；
}
function myout(obj,menu)
{
obj.className = "menuonmouseout";//将当前菜单的样式设置为menuonmouseout;
menu.style.visibility = "hidden";//将当前菜单所在的图层隐藏；
}
</script>

我们推出了「精迅」系列设备，是一台面向科研级的高速、高精度、源码级开发的3d面结构光测量设备，能够自由DIY配置，并且与机械臂等结合，开发相应的应用。算法经过高度优化，适配高分辨率相机。：采用DLP4710光机，分辨率更高，支持彩色条纹写入，最高亮度1000LM，无惧户外和黑色场景，适合大范围场景重建。：采用DLP3010光机，界面经过高度优化，一键重建、点云滤波、显示，适合手在眼上的视觉引导、测量场景。点云处理：可以手动设置滤波参数，自动化处理点云，并且可以与点云进行交互、裁切、表面重建算法，

2024年埃及自由行旅游全攻略，全是避坑干货：从东南亚跨到埃及那些踩坑小记-小红书都没那么详细！

1、太强了！Python115集视频教程+海量PDF资料送，学会Python很难吗 2、干货丨R语言（视频教程+PDF资源，赠送） 3、3.44G视频教程丨Meta零基础教程（10节课） 4、SPSS丨全套SPSS视频教程+课件+数据

1. 概述　　关于本指南的目的，大纲描述。1.1 什么是网站项目管理规范指南　　《网站项目管理规范指南》读做“网站-项目管理-规范-指南”，顾名思义就是针对网站项目管理，提供规范管理的建议和指导。之所以称作“指南”，是因为我们的规范不是标准，标准是由国家制定的。我们只是将我们认为最好的管理办法推荐给您，供您参考。我们希望您本指南能够带给您切实的工作上的帮助！1.2 编写目的我们编写网站项目管理规