//
//
// --------------- 主导航条内容 ------------//
var mainLayer = new Array( " 蓝色理想 " , " 动意营造 " ); // 主导航栏目
// --------------- 次导航条内容 ------------//
var subLayer0 = new Array( " 论坛 " , " 文献 " ); // 导航栏目一下的次级栏目
var subLayerHttp0 = new Array( " # " , " # " ); // 主导航栏目一下的次级栏目连接地址
var subLayer1 = new Array( " 论坛 " , " 文献 " ); // 导航栏目二的次级栏目
var subLayerHttp1 = new Array( " # " , " # " ); // 主导航栏目二的次级栏目连接地址
// --------------- 主导航条Table参数调整 ------------//
var mainTableTdWidth = 100 ; // 每个TD的宽度,调整主导航内容间距
var mainTableBorder = 0 ; // 调整主导航表格边框宽度
var mainTableCellspacing = 0 ; // 调整主导航表格Cellspacing
var mainTableCellpadding = 1 ; // 调整主导航表格Cellpadding
var mainTableBgcolor = " #000000 " ; // 调整主导航表格背景色
var mainTableBordercolor = "" ; // 调整主导航表格编框颜色
var mainTableBackgroundImg = "" ; // 调整主导航表格背景图片url地址
var hrefClassName = " link " // 调整url风格样式
var mainTableTdBgcolor = " B2CBCF " ; // 调整主导航表格Td色
// --------------- 次导航条Table参数调整 ------------//
var subTableBorder = 0 ; // 调整次导航条表格边框宽度
var subTableCellspacing = 0 ; // 调整次导航条表格Cellspacing
var subTableCellpadding = 1 ; // 调整次导航条表格Cellpadding
var subTableBgcolor = " #000000 " ; // 调整次导航条表格背景色
var subTableBordercolor = "" ; // 次导航条表格编框颜色
var subTableBackgroundImg = "" ; // 次导航条表格背景图片url地址
var subTableTdBgcolor = " B2CBCF " ; // 调整次导航表格Td色
var sbuTabbleTop = 21 ; // 次导航表格上下微调
var sbuTabbleLeft =- 1 ; // 次导航表格左右微调
// --------------- 系统参数*请勿调整 ------------//
var layerMax = mainLayer.length + 10 ;
var layerName = " index " ;
// --------------- 生成下拉菜单 ------------//
function createMainLayer(){
document.write( " <table border=0 cellspacing=0 cellpadding=0><tr><td><div id='wall' οnmοuseοut=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 + " ' οnmοuseοver=layervib('visible',' " + i + " ')> <a href='#'> " + mainLayer[i] + " </a></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' οnmοuseοver=layervib('visible',' " + num + " ') οnmοuseοut=layervib('visible',' " + layerMax + " ')> " );
if (subLayerList.length != 0 ){
document.write( " <table 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'> " + subLayerList[h] + " </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};
}
}
// --------------- 主导航条内容 ------------//
var mainLayer = new Array( " 蓝色理想 " , " 动意营造 " ); // 主导航栏目
// --------------- 次导航条内容 ------------//
var subLayer0 = new Array( " 论坛 " , " 文献 " ); // 导航栏目一下的次级栏目
var subLayerHttp0 = new Array( " # " , " # " ); // 主导航栏目一下的次级栏目连接地址
var subLayer1 = new Array( " 论坛 " , " 文献 " ); // 导航栏目二的次级栏目
var subLayerHttp1 = new Array( " # " , " # " ); // 主导航栏目二的次级栏目连接地址
// --------------- 主导航条Table参数调整 ------------//
var mainTableTdWidth = 100 ; // 每个TD的宽度,调整主导航内容间距
var mainTableBorder = 0 ; // 调整主导航表格边框宽度
var mainTableCellspacing = 0 ; // 调整主导航表格Cellspacing
var mainTableCellpadding = 1 ; // 调整主导航表格Cellpadding
var mainTableBgcolor = " #000000 " ; // 调整主导航表格背景色
var mainTableBordercolor = "" ; // 调整主导航表格编框颜色
var mainTableBackgroundImg = "" ; // 调整主导航表格背景图片url地址
var hrefClassName = " link " // 调整url风格样式
var mainTableTdBgcolor = " B2CBCF " ; // 调整主导航表格Td色
// --------------- 次导航条Table参数调整 ------------//
var subTableBorder = 0 ; // 调整次导航条表格边框宽度
var subTableCellspacing = 0 ; // 调整次导航条表格Cellspacing
var subTableCellpadding = 1 ; // 调整次导航条表格Cellpadding
var subTableBgcolor = " #000000 " ; // 调整次导航条表格背景色
var subTableBordercolor = "" ; // 次导航条表格编框颜色
var subTableBackgroundImg = "" ; // 次导航条表格背景图片url地址
var subTableTdBgcolor = " B2CBCF " ; // 调整次导航表格Td色
var sbuTabbleTop = 21 ; // 次导航表格上下微调
var sbuTabbleLeft =- 1 ; // 次导航表格左右微调
// --------------- 系统参数*请勿调整 ------------//
var layerMax = mainLayer.length + 10 ;
var layerName = " index " ;
// --------------- 生成下拉菜单 ------------//
function createMainLayer(){
document.write( " <table border=0 cellspacing=0 cellpadding=0><tr><td><div id='wall' οnmοuseοut=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 + " ' οnmοuseοver=layervib('visible',' " + i + " ')> <a href='#'> " + mainLayer[i] + " </a></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' οnmοuseοver=layervib('visible',' " + num + " ') οnmοuseοut=layervib('visible',' " + layerMax + " ')> " );
if (subLayerList.length != 0 ){
document.write( " <table 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'> " + subLayerList[h] + " </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};
}
}
在调用的地方
<script language='javascript'>CreateMainLayer():</script>