您的位置：首页 > 编程语言

弹出菜单代码

2009-12-23 16:34 211 查看
文件一

<html>

<head>

<title>平安证券柜台系统...</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<link rel="stylesheet" href="text.css" type="text/css">

<script language=javascript src=js_daohang.js>

</script>

</head>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="300"> </td>

<td width="71%" align="center">

<script language=javascript>

createMainLayer();

</script>

</td>

</tr>

</table>

文件js_daohang.js内容

//--------------- 主导航条内容 ------------//

var mainLayer=new Array("蓝色理想","动意营造","七色鸟","百姓话题");//主导航栏目

//--------------- 次导航条内容 ------------//

var subLayer0=new Array("论坛","文献"); //导航栏目一下的次级栏目

var subLayerHttp0=new Array("http://www.baidu.com","#");//主导航栏目一下的次级栏目连接地址

var subLayer1=new Array("论坛","文献");//导航栏目二的次级栏目

var subLayerHttp1=new Array("#","#");//主导航栏目二的次级栏目连接地址

var subLayer2=new Array("论坛","文献");//导航栏目三的次级栏目

var subLayerHttp2=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=19; //次导航表格上下微调

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};

}

}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航