这是个菜鸟的问题!!!有兴趣看看哟!!!
不知道这是不是一个很菜的问题?
我这样做出的下拉菜单不知为什么只能链接到更目录下的文件,而在二级目录下的文件就是怎么也找不到。另外“成功案例”下没子菜单,那么我怎么在“成功案例”处加一个到某一页面的链接呢?
各位老大,谁心好教教我!!!
谢了!!!
代码如下:
//--------------- 主导航条内容 ------------//
var mainLayer=new Array("首页","关于我们","产品服务","网络安全","成功案例","客户中心","人力资源","技术文献");//主导航栏目
//--------------- 次导航条内容 ------------//
var subLayer0=new Array("公司简介","公司动态","企业文化"); //导航栏目一的次级栏目
var subLayerHttp0=new Array("intro.htm","#","#");//主导航栏目一的次级栏目连接地址
var subLayer1=new Array("宽带服务","系统集成","网络平台");//导航栏目二的次级栏目
var subLayerHttp1=new Array("#","product_2.htm","#");//主导航栏目二的次级栏目连接地挚
var subLayer2=new Array("防火墙","VPN","入侵检测","防病毒"); //导航栏目三的次级栏目
var sublayerHttp2=new Array("#","#","#","#");//主导航栏目三的次级栏目连接地挚
var sublayer3=new Array("成功案例");//导航栏目四的次级栏目
var sublayerHttp3=new Array("#");//主导航栏目四的次级栏目连接地挚
var subLayer4=new Array("客户需求","客户投诉","建议意见","疑难解答"); //导航栏目五的次级栏目
var sublayerHttp4=new Array("#","#","#","#");//主导航栏目五的次级栏目连接地挚
var subLayer5=new Array("团队管理","加盟团队");//导航栏目六的次级栏目
var sublayerHttp5=new Array("#","#","#","#");//主导航栏目五的次级栏目连接地挚
//--------------- 主导航条Table参数调整 ------------//
var mainTableTdWidth=100; //每个TD的宽度,调整主导航内容间距
var mainTableBorder=0; //调整主导航表格边框宽度
var mainTableCellspacing=0; //调整主导航表格Cellspacing
var mainTableCellpadding=0; //调整主导航表格Cellpadding
var mainTableBgcolor="#000000"; //调整主导航表格背景色
var mainTableBordercolor=""; //调整主导航表格编框颜色
var mainTableBackgroundImg=""; //调整主导航表格背景图片url地址
var hrefClassName="link" //调整url风格样式
var mainTableTdBgcolor="#8B9A9A"; //调整主导航表格Td色
//--------------- 次导航条Table参数调整 ------------//
var subTableBorder=0; //调整次导航条表格边框宽度
var subTableCellspacing=0; //调整次导航条表格Cellspacing
var subTableCellpadding=0; //调整次导航条表格Cellpadding
var subTableBgcolor="#000000"; //调整次导航条表格背景色
var subTableBordercolor=""; //次导航条表格编框颜色
var subTableBackgroundImg=""; //次导航条表格背景图片url地址
var subTableTdBgcolor="#8B9A9A"; //调整次导航表格Td色
var sbuTabbleTop=22; //次导航表格上下微调
var sbuTabbleLeft=0; //次导航表格左右微调
//--------------- 系统参数*请勿调整 ------------//
var layerMax=mainLayer.length+10;
var layerName="index";
//--------------- 生成下拉菜单 ------------//
function createMainLayer(){
document.write("<table border=0 cellspacing=0 cellpadding=0><tr><td style='cursor:default' onmouseover='this.style.background=#FF7D5F' onmouseout='this.style.background='><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='this.style.background=\"#FF7D5F\";layervib(\"visible\",\""+i+"\")' onmouseout='this.style.background=\"#8B9A9A\"'><div align=center><a href='#'><font color=#FFFFFF>"+mainLayer[i]+"</font></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!=0){
document.write("<table class=menubg width='100px' border='"+subTableBorder+"' cellspacing='"+subTableCellpadding+"' 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'> <a href='"+ subLayerHttpList [h]+"' class='link'><font color=#FFFFFF>"+subLayerList[h]+"</font></a> </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};
}
}
问题点数:0、回复次数:0Top




