文件一
<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};
}
}
分享到:
相关推荐
js固定区块右键弹出菜单代码是一款点击鼠标右键弹出菜单选择效果代码。
jQuery html5导航菜单点击图标按钮动画弹出菜单代码 jQuery html5导航菜单点击图标按钮动画弹出菜单代码 jQuery html5导航菜单点击图标按钮动画弹出菜单代码 jQuery html5导航菜单点击图标按钮动画弹出菜单代码
html5手机端遮罩弹出菜单代码 html5手机端遮罩弹出菜单代码 html5手机端遮罩弹出菜单代码 html5手机端遮罩弹出菜单代码
jQuery自定义右键弹出菜单代码是一款网页仿电脑桌面点击鼠标右键弹出下拉菜单选择代码,样式挺漂亮的。
这是一款基于jQuery+HTML5实现的手机移动端模态窗口弹出层代码,手机遮罩弹出菜单代码。
jQuery手机端遮罩弹出菜单代码是一款基于jQuery HTML5实现的手机移动端模态窗口弹出层代码。
jQuery HTML5手机侧边栏弹出菜单代码
弹出菜单js代码,包含js相关基础知识。学习网页基础知识,对基础知识有进一步的讲解,包含脚本语言JavaScript。
jQuery自定义鼠标右键弹出菜单代码,类似于电脑桌面点击鼠标右键弹出菜单效果。
这是一款基于jQuery+HTML5实现的手机移动端点击弹出菜单特效,手机侧边栏滑动菜单代码。
jQuery手机端遮罩弹出菜单代码
jQuery HTML5手机移动端遮罩弹出菜单代码
纯DIV+CSS制作的竖向三级导航弹出菜单代码
鼠标放上去后向上弹出菜单导航代码 移开后隐藏,向上弹出菜单功能
jQuery点击美化的下拉框动态弹出菜单代码,点击时即下拉展开,平时不用的时候,它像一个按钮一样隐藏着,不占据网页过多的地方,不影响整体布局,一般它用在网页最顶部或右侧空白处,像在线客服一样。
jQuery手机端底部弹出导航菜单列表代码是一款网页底部点击按钮弹出浮动的图标菜单列表的手机特效。
jQuery适用于手机端底部弹出菜单列表代码 jQuery适用于手机端底部弹出菜单列表代码
jQuery实现在网页任意位置点击鼠标右键弹出菜单,自定义菜单列表和自定义icon和相对应的事件,下载可直接运行
代码片段: <body>[removed][removed] <h3>jQuery自定义鼠标右键 任意位置点击右键,查看效果 [removed][removed] [removed][removed] [removed]