?? 下拉菜單.js
字號:
// JavaScript Document//--------------- 主導航條內容 ------------//
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' 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+"')> <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' onmouseover=layervib('visible','"+num+"') onmouseout=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};
}
}
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -