苦恼：用javascript的菜单，却总是被下拉框和列表框遮住了，看看谁能搞的定？

miketz2 2003-09-06 05:51:10

我把源码贴出：

文件名：js_daohang.js

//--------------- 主导航条内容 ------------//
var mainLayer=new Array(":: 首页","收入统计报表","运输统计报表","货装统计报表","货主信息","用户信息","数据字典","运行日志 ::");//主导航栏目
var mainLayerHttp=new Array("/main/index.aspx","javascript:void(null)","javascript:void(null)","javascript:void(null)","/hzxx/index.aspx","javascript:void(null)","javascript:void(null)","javascript:void(null)");//主菜单的链接地址
//--------------- 次导航条内容 ------------//
var subLayer0=new Array("");
var subLayerHttp0=new Array("");
var subLayer1=new Array("基础资料表(一)","基础资料表(二)","基础资料表(三)");
var subLayerHttp1=new Array("/srtj/srjczl1/index.aspx","/srtj/srjczl2/index.aspx","/srtj/srjczl3/index.aspx");
var subLayer2=new Array("管内重点企业<br>产运量报表","十家重点企业<br>货发局别装车","十家重点企业<br>货发品类装车","十家重点企业<br>收入情况表","十家重点企业<br>收入情况分析","管内大中型企业<br>铁路运量","管内大中型企业<br>铁路运量分析");
var subLayerHttp2=new Array("/ystj/YSGNZDCYL/index.aspx","/ystj/YSSJHFJBZC/index.aspx","/ystj/YSSJHFPLZC/index.aspx","/ystj/YSSJSS/index.aspx","/ystj/YSSJSSC/index.aspx","/ystj/YSSJSSC/index.aspx","/ystj/YSGNDZQYYL/index.aspx","/ystj/YSGNDZQYYLC/index.aspx");
var subLayer3=new Array("集装箱零担<br>情况表","集装箱货主<br>统计情况表","保价货主<br>统计情况表","主要品类按发送<br>量和收入排队","站段按发送量<br>和收入排队","保价收入报表","按货主发送量和货运收入排队");
var subLayerHttp3=new Array("/hztj/hzjzxld/index.aspx","/hztj/hzjzxhztj/index.aspx","/hztj/hzbjhztj/index.aspx","/hztj/hzzplfssr/index.aspx","/hztj/HZZDFSSR/index.aspx","/hztj/HZBJSR/index.aspx","/hztj/HZHZFSSR/index.aspx")
var subLayer4=new Array("");
var subLayerHttp4=new Array("");
var subLayer5=new Array("用户信息维护","用户密码更码");
var subLayerHttp5=new Array("/yhxx/index.aspx","/yhxx/changepsw.aspx");
var subLayer6=new Array("路局名称维护","分局名称维护","车务段名称维护","站名维护","省市名称维护","品类名称维护");//导航栏目五的次级栏目
var subLayerHttp6=new Array("/sjzd/ljmc/index.aspx","/sjzd/Fjmc/index.aspx","/sjzd/cwdmc/index.aspx","/sjzd/zdmc/index.aspx","/sjzd/ssmc/index.aspx","/sjzd/plmc/index.aspx");
var subLayer7=new Array("");
var subLayerHttp7=new Array("");

//--------------- 主导航条Table参数调整 ------------//
var mainTableTdWidth=90; //每个TD的宽度，调整主导航内容间距
var mainTableBorder=0; //调整主导航表格边框宽度
var mainTableCellspacing=0; //调整主导航表格Cellspacing
var mainTableCellpadding=1; //调整主导航表格Cellpadding
var mainTableBgcolor="#345A6B"; //调整主导航表格背景色
var mainTableBordercolor=""; //调整主导航表格编框颜色
var mainTableBackgroundImg=""; //调整主导航表格背景图片url地址
var hrefClassName="link" //调整url风格样式
var mainTableTdBgcolor="#345A6B"; //调整主导航表格Td色

//--------------- 次导航条Table参数调整 ------------//
var subTableBorder=0; //调整次导航条表格边框宽度
var subTableCellspacing=1; //调整次导航条表格Cellspacing
var subTableCellpadding=1; //调整次导航条表格Cellpadding
var subTableBgcolor="#000000"; //调整次导航条表格背景色#000000
var subTableBordercolor=""; //次导航条表格编框颜色
var subTableBackgroundImg=""; //次导航条表格背景图片url地址
var subTableTdBgcolor="#345A6B"; //调整次导航表格Td色#B2CBCF
var sbuTabbleTop=14; //次导航表格上下微调
var sbuTabbleLeft=-2; //次导航表格左右微调

//--------------- 系统参数*请勿调整 ------------//
var layerMax=mainLayer.length+10;
var layerName="index"

//--------------- 生成下拉菜单 ------------//
function createMainLayer(){
document.write("<table border=0 cellspacing=0 cellpadding=0><tr><td><div id='wall' onmouseout=layervib('visible','"+layerMax+"') style='position:relative; left:0px; top:0px; width:100%; z-index:1' ><table width="+mainLayer.length*mainTableTdWidth+" border='"+mainTableBorder+"' cellspacing='"+mainTableCellpadding+"' cellpadding='"+mainTableCellpadding+"' bgcolor='"+mainTableBgcolor+"' bordercolor='"+mainTableBordercolor+"' background='"+mainTableBackgroundImg+"'><tr>");
for(i=0;i<mainLayer.length;i++){
document.write("<td width='"+mainTableTdWidth+"' bgcolor='"+mainTableTdBgcolor+"' class='"+hrefClassName+"' onmouseover=layervib('visible','"+i+"')><div align='center'> <a href='"+mainLayerHttp[i]+"'>"+mainLayer[i]+"</a></div></td>");
}
document.write("</tr></table>");

for(j=0;j<mainLayer.length;j++){
createSubLayer(j);
}
document.write("</div></table></td></tr></table>");
}

//--------------- 生成每项下拉菜单内容 ------------//
function createSubLayer(num){
var subLayerName= layerName +num;
var subLayerLeft=(mainTableTdWidth*num)+mainTableCellpadding+mainTableBorder;
var subLayerList=eval("subLayer"+num);
var subLayerHttpList=eval("subLayerHttp"+num);
document.write("<div id='"+subLayerName+"' style='position:absolute; left:"+(subLayerLeft+sbuTabbleLeft)+"px; top:"+((mainTableBorder+mainTableCellspacing+mainTableCellpadding)*2+sbuTabbleTop)+"px; z-index:2; height: 24px; visibility: hidden' onmouseover=layervib('visible','"+num+"') onmouseout=layervib('visible','"+layerMax+"')>");
if(subLayerList.length>1){
document.write("<table width='"+mainTableTdWidth+"' border='"+subTableBorder+"' cellspacing='"+subTableCellspacing+"' cellpadding='"+subTableCellpadding+"' bgcolor='"+subTableBgcolor+"' bordercolor='"+subTableBordercolor+"' background='"+subTableBackgroundImg+"'")
for(h=0;h<subLayerList.length;h++){

document.write("<tr><td bgcolor='"+subTableTdBgcolor+"' width='100%' class='link'><div align='center'><a href='"+ subLayerHttpList [h]+"' class='link'><br>"+subLayerList[h]+"</a></div> </td></tr>");
}
document.write("</table>");
}
document.write("</div>");

}

//------------------------------次菜单显隐控制--------------------------//
function layervib(type,num){
var H=type;
var temp=(H='visible'?'hidden':'visible')
for(var i=0;i<mainLayer.length;i++){
var E=eval('document.all.index'+i+'.style');
var H=eval(i);
if(i==num){E.visibility=type}else{E.visibility=temp};
}
}

将其createMainLayer()来调用这个菜单，源码如下：
<script language="JavaScript" type="text/JavaScript">

</script>
<SCRIPT language=JavaScript src="/inc/js_daohang.js"></SCRIPT>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="613"><img src="/images/title_r1_c1.jpg" width="613" height="120"></td>

<td width="142"><img src="/images/title_r1_c2.jpg" width="147" height="120"></td>
</tr>
<tr bgcolor="#345A6B">

<td height="21" colspan="2">
<script language=javascript>
createMainLayer();
</script>
</td>
</tr>
</table>

仅有100分全部奉送！！
请高手帮忙，请赐教！在线等待。。。。。。

...全文