<html>
<head>
<script>
var mmenus = new Array();
var misShow = new Boolean();
misShow = false;
var misdown = new Boolean();
misdown = false;
var musestatus = false;
var mpopTimer = 0;
mmenucolor = '#9999FF'; //菜单的背景颜色
mfontcolor = '#FFFFFF'; //点击之后菜单的字体颜色
mmenuoutcolor = '#FFCCFF'; //鼠标焦点所在菜单项时的背景颜色
mmenuincolor = '#FFFFFF'; //鼠标点击时菜单的背景颜色
mmenuoutbordercolor = '#0000FF'; //菜单上边框,左边框的颜色
mmenuinbordercolor = '#0000FF'; //菜单下边框,右边框的颜色
mmidoutcolor = '#F00990';
mmidincolor = '#008000';
mmenuovercolor = '#9900CC'; //鼠标移到菜单项时的颜色mitemedge = '1';
msubedge = '0';
mmenuunitwidth = 60; //每个主菜单的宽度
mmenuitemwidth = 120; //每个子菜单的宽度
mmenuheight = 12; //主菜单的高度
mmenuwidth = '100%';
mmenuadjust = 0;
mmenuadjustV = 0;
mfonts = 'font-family: Verdana; font-size: 10pt; color: #FF0000; ';
mcursor = 'hand';//'default'; //鼠标的形状
var fadeSteps = 2; //停留时间
var fademsec = 20; //点击主菜单时,子菜单显示出来的速度
var fadeArray = new Array();function fade(el, fadeIn, steps, msec)
{
if (steps == null)
steps = fadeSteps;
if (msec == null)
msec = fademsec;
if (el.fadeIndex == null)
el.fadeIndex = fadeArray.length;
fadeArray[el.fadeIndex] = el;
if (el.fadeStepNumber == null)
{
if (el.style.visibility == "hidden")
el.fadeStepNumber = 0;
else
el.fadeStepNumber = steps;
if (fadeIn)
el.style.filter = "Alpha(Opacity=0)";
else
el.style.filter = "Alpha(Opacity=100)";
}
window.setTimeout("repeatFade(" + fadeIn + "," + el.fadeIndex + "," + steps + "," + msec + ")", msec);
}function repeatFade(fadeIn, index, steps, msec)
{
el = fadeArray[index];
c = el.fadeStepNumber;
if (el.fadeTimer != null)
window.clearTimeout(el.fadeTimer);
if ((c == 0) && (!fadeIn))
{
el.style.visibility = "hidden";
return;
}
else if ((c==steps) && (fadeIn))
{
el.style.filter = "";
el.style.visibility = "visible";
return;
}
else
{
(fadeIn) ? c++ : c--;
el.style.visibility = "visible";
el.style.filter = "Alpha(Opacity=" + 100*c/steps + ")";
el.fadeStepNumber = c;
el.fadeTimer = window.setTimeout("repeatFade(" + fadeIn + "," + index + "," + steps + "," + msec + ")", msec);
}
}function stoperror()
{
return true;
}window.onerror=stoperror;function mpopOut()
{
mpopTimer = setTimeout('mallhide()', 500);
}function getReal(el, type, value)
{
temp = el;
while ((temp != null) && (temp.tagName != "BODY"))
{
if (eval("temp." + type) == value)
{
el = temp;
return el;
}
temp = temp.parentElement;
}
return el;
}function mMenuRegister(menu)
{
mmenus[mmenus.length] = menu
return (mmenus.length - 1)
}function mMenuItem(caption,command,target,isline,statustxt,img,sizex,sizey,pos)
{
this.caption = caption;
this.command = command;
this.target = target;
this.isline = isline;
this.statustxt = statustxt;
this.img = img;
this.sizex = sizex;
this.sizey = sizey;
this.pos = pos;
}
<head>
<script>
var mmenus = new Array();
var misShow = new Boolean();
misShow = false;
var misdown = new Boolean();
misdown = false;
var musestatus = false;
var mpopTimer = 0;
mmenucolor = '#9999FF'; //菜单的背景颜色
mfontcolor = '#FFFFFF'; //点击之后菜单的字体颜色
mmenuoutcolor = '#FFCCFF'; //鼠标焦点所在菜单项时的背景颜色
mmenuincolor = '#FFFFFF'; //鼠标点击时菜单的背景颜色
mmenuoutbordercolor = '#0000FF'; //菜单上边框,左边框的颜色
mmenuinbordercolor = '#0000FF'; //菜单下边框,右边框的颜色
mmidoutcolor = '#F00990';
mmidincolor = '#008000';
mmenuovercolor = '#9900CC'; //鼠标移到菜单项时的颜色mitemedge = '1';
msubedge = '0';
mmenuunitwidth = 60; //每个主菜单的宽度
mmenuitemwidth = 120; //每个子菜单的宽度
mmenuheight = 12; //主菜单的高度
mmenuwidth = '100%';
mmenuadjust = 0;
mmenuadjustV = 0;
mfonts = 'font-family: Verdana; font-size: 10pt; color: #FF0000; ';
mcursor = 'hand';//'default'; //鼠标的形状
var fadeSteps = 2; //停留时间
var fademsec = 20; //点击主菜单时,子菜单显示出来的速度
var fadeArray = new Array();function fade(el, fadeIn, steps, msec)
{
if (steps == null)
steps = fadeSteps;
if (msec == null)
msec = fademsec;
if (el.fadeIndex == null)
el.fadeIndex = fadeArray.length;
fadeArray[el.fadeIndex] = el;
if (el.fadeStepNumber == null)
{
if (el.style.visibility == "hidden")
el.fadeStepNumber = 0;
else
el.fadeStepNumber = steps;
if (fadeIn)
el.style.filter = "Alpha(Opacity=0)";
else
el.style.filter = "Alpha(Opacity=100)";
}
window.setTimeout("repeatFade(" + fadeIn + "," + el.fadeIndex + "," + steps + "," + msec + ")", msec);
}function repeatFade(fadeIn, index, steps, msec)
{
el = fadeArray[index];
c = el.fadeStepNumber;
if (el.fadeTimer != null)
window.clearTimeout(el.fadeTimer);
if ((c == 0) && (!fadeIn))
{
el.style.visibility = "hidden";
return;
}
else if ((c==steps) && (fadeIn))
{
el.style.filter = "";
el.style.visibility = "visible";
return;
}
else
{
(fadeIn) ? c++ : c--;
el.style.visibility = "visible";
el.style.filter = "Alpha(Opacity=" + 100*c/steps + ")";
el.fadeStepNumber = c;
el.fadeTimer = window.setTimeout("repeatFade(" + fadeIn + "," + index + "," + steps + "," + msec + ")", msec);
}
}function stoperror()
{
return true;
}window.onerror=stoperror;function mpopOut()
{
mpopTimer = setTimeout('mallhide()', 500);
}function getReal(el, type, value)
{
temp = el;
while ((temp != null) && (temp.tagName != "BODY"))
{
if (eval("temp." + type) == value)
{
el = temp;
return el;
}
temp = temp.parentElement;
}
return el;
}function mMenuRegister(menu)
{
mmenus[mmenus.length] = menu
return (mmenus.length - 1)
}function mMenuItem(caption,command,target,isline,statustxt,img,sizex,sizey,pos)
{
this.caption = caption;
this.command = command;
this.target = target;
this.isline = isline;
this.statustxt = statustxt;
this.img = img;
this.sizex = sizex;
this.sizey = sizey;
this.pos = pos;
}
{
this.items = new Array();
this.caption = caption;
this.command = command;
this.target = target;
this.img = img;
this.sizex = sizex;
this.sizey = sizey;
this.pos = pos;
this.id = mMenuRegister(this);
}function mMenuAddItem(item)
{
this.items[this.items.length] = item
item.parent = this.id;
this.children = true;
}mMenu.prototype.addItem = mMenuAddItem;function mtoout(src)
{
src.style.borderLeftColor = mmenuoutbordercolor;
src.style.borderRightColor = mmenuinbordercolor;
src.style.borderTopColor = mmenuoutbordercolor;
src.style.borderBottomColor = mmenuinbordercolor;
src.style.backgroundColor = mmenuoutcolor;
src.style.color = mmenuovercolor;
}function mtoin(src)
{
src.style.borderLeftColor = mmenuinbordercolor;
src.style.borderRightColor = mmenuoutbordercolor;
src.style.borderTopColor = mmenuinbordercolor;
src.style.borderBottomColor = mmenuoutbordercolor;
src.style.backgroundColor = mmenuincolor;
src.style.color = mmenuovercolor;
}function mnochange(src)
{
src.style.borderLeftColor = mmenucolor;
src.style.borderRightColor = mmenucolor;
src.style.borderTopColor = mmenucolor;
src.style.borderBottomColor = mmenucolor;
src.style.backgroundColor = '';
src.style.color = mfontcolor;
}function mallhide()
{
for(var nummenu = 0;nummenu < mmenus.length; nummenu++)
{
var themenu = document.all['mMenu' + nummenu]
var themenudiv = document.all['mmenudiv' + nummenu]
mnochange(themenu);
mmenuhide(themenudiv);
}
}function mmenuhide(menuid)
{
fade(menuid,false,5);
misShow=false;
}function mmenushow(menuid,pid)
{
menuid.style.left = mposflag.offsetLeft + pid.offsetLeft + mmenuadjust;
menuid.style.top = mposflag.offsetTop + mmenutable.offsetHeight + mmenuadjustV;
if(mmenuitemwidth + parseInt(menuid.style.left) > document.body.clientWidth + document.body.scrollLeft)
menuid.style.left = document.body.clientWidth + document.body.scrollLeft - mmenuitemwidth;
fade(menuid,true,5);
misShow=true;
}function mmenu_over(menuid,x)
{
toel = getReal(window.event.toElement, "className", "coolButton");
fromel = getReal(window.event.fromElement, "className", "coolButton");
if (toel == fromel) return;
if(x == 16) //4) 第几个主菜单开始不显示下拉子菜单
{
misShow = false;
mallhide();
mtoout(eval("mMenu" + x));
}
else
{
if(!misShow)
{
mtoout(eval("mMenu" + x));
}
else
{
mallhide();
mtoin(eval("mMenu" + x));
mmenushow(menuid,eval("mMenu" + x));
}
}
}function mmenu_out(x)
{
toel = getReal(window.event.toElement, "className", "coolButton");
fromel = getReal(window.event.fromElement, "className", "coolButton");
if (toel == fromel) return;
if (misShow)
{
mtoin(eval("mMenu"+x));
}
else
{
mnochange(eval("mMenu"+x));
}
}function mmenu_down(menuid,x)
{
if(misShow)
{
mmenuhide(menuid);
mtoout(eval("mMenu"+x));
}
else
{
mtoin(eval("mMenu"+x));
mmenushow(menuid,eval("mMenu"+x));
misdown=true;
}
}function mmenu_up()
{
misdown=false;
}function mmenuitem_over(x,i)
{
srcel = getReal(window.event.srcElement, "className", "coolButton");
if(misdown)
{
mtoin(srcel);
}
else
{
mtoout(srcel);
}
mthestatus = mmenus[x].items[i].statustxt;
if(mthestatus!="")
{
musestatus=true;
window.status=mthestatus;
}
}function mmenuitem_out()
{
srcel = getReal(window.event.srcElement, "className", "coolButton");
mnochange(srcel);
if(musestatus)window.status="";
}function mmenuitem_down()
{
srcel = getReal(window.event.srcElement, "className", "coolButton");
mtoin(srcel)
misdown=true;
}function mmenuitem_up()
{
srcel = getReal(window.event.srcElement, "className", "coolButton");
mtoout(srcel)
misdown=false;
}function mexec2(x)
{
var cmd;
if(mmenus[x].target=="blank")
{
cmd = "window.open('"+mmenus[x].command+"')";
}
else
{
cmd = mmenus[x].target+".location=\""+mmenus[x].command+"\"";
}
eval(cmd);
}function mexec(x,i)
{
var cmd;
if(mmenus[x].items[i].target=="blank")
{
cmd = "window.open('" + mmenus[x].items[i].command + "')";
}
else
{
cmd = mmenus[x].items[i].target + ".location=\""+mmenus[x].items[i].command+"\"";
}
eval(cmd);
}function mbody_click()
{
if (misShow)
{
srcel = getReal(window.event.srcElement, "className", "coolButton");
for(var x = 0;x <= mmenus.length; x++)
{
if(srcel.id == "mMenu" + x)
return;
}
mallhide();
}
}document.onclick = mbody_click;
{
var mwb=1;
var stringx='<div id="mposflag" style="position:absolute;"></div>' +
'<table id=mmenutable border=0 cellpadding=3 cellspacing=2 width=' + mmenuwidth +
' height=' + mmenuheight + ' bgcolor=' + mmenucolor + ' onselectstart="event.returnValue=false"' +
' style="cursor:' + mcursor + ';' + mfonts +
' border-left: ' + mwb + 'px solid ' + mmenuoutbordercolor + ';' +
' border-right: ' + mwb + 'px solid ' + mmenuinbordercolor + '; ' +
'border-top: ' + mwb + 'px solid ' + mmenuoutbordercolor + '; ' +
'border-bottom: ' + mwb + 'px solid ' + mmenuinbordercolor + '; padding:0px"><tr>'
for(var x=0;x<mmenus.length;x++)
{
var thismenu = mmenus[x];
var imgsize = "";
if(thismenu.sizex != "0"||thismenu.sizey != "0")
imgsize = " width=" + thismenu.sizex + " height=" + thismenu.sizey;
var ifspace = "";
if(thismenu.caption != "")
ifspace=" ";
stringx += "<td nowrap class=coolButton id=mMenu" + x + " style='border: " + mitemedge +
"px solid " + mmenucolor + "' width='" + mmenuunitwidth + "px' onmouseover=mmenu_over(mmenudiv" + x +
"," + x + ") onmouseout=mmenu_out(" + x +
") onmousedown=mmenu_down(mmenudiv" + x + "," + x + ")";
if(thismenu.command != "")
{
stringx += " onmouseup=mmenu_up();mexec2(" + x + ");";
}
else
{
stringx += " onmouseup=mmenu_up()";
}
if(thismenu.pos == "0")
{
if (thismenu.img != "")
stringx += " align=center><img align=absmiddle src='" + thismenu.img + "'" + imgsize + ">" + ifspace + thismenu.caption + "</td>";
else
stringx += " align=center>" + ifspace + thismenu.caption + "</td>";
}
else if(thismenu.pos == "1")
{
if (thismenu.img != "")
stringx += " align=center>" + thismenu.caption + ifspace + "<img align=absmiddle src='" + thismenu.img + "'" + imgsize + "></td>";
else
stringx += " align=center>" + thismenu.caption + ifspace + "</td>";
}
else if(thismenu.pos == "2")
{
if (thismenu.img != "")
stringx += " align=center background='" + thismenu.img + "'> " + thismenu.caption + " </td>";
else
stringx += " align=center> " + thismenu.caption + " </td>";
}
else
{
stringx += " align=center> " + thismenu.caption + " </td>";
}
stringx += "";
}
stringx += "<td width=*> </td></tr></table>";
for(var x = 0; x < mmenus.length; x++)
{
thismenu = mmenus[x];
if(x == 16) //4) 第几个主菜单开始不显示下拉子菜单
{
stringx += '<div id=mmenudiv' + x + ' style="visiable:none"></div>';
}
else
{
stringx += '<div id=mmenudiv' + x + ' style="cursor:' + mcursor + ';position:absolute;' +
'width:' + mmenuitemwidth + 'px; z-index:' + (x + 100);
if(mmenuinbordercolor != mmenuoutbordercolor && msubedge == "0")
{
stringx += ';border-left: 1px solid ' + mmidoutcolor + ';border-top: 1px solid ' + mmidoutcolor;}
stringx += ';border-right: 1px solid ' + mmenuinbordercolor +
';border-bottom: 1px solid ' + mmenuinbordercolor + ';visibility:hidden" onselectstart="event.returnValue=false">\n' +
'<table width="100%" border="0" height="100%" align="center" cellpadding="0" cellspacing="2" '+
'style="' + mfonts + ' border-left: 1px solid ' + mmenuoutbordercolor;
if(mmenuinbordercolor != mmenuoutbordercolor && msubedge == "0")
{
stringx += ';border-right: 1px solid ' + mmidincolor +
';border-bottom: 1px solid ' + mmidincolor;
}
stringx += ';border-top: 1px solid ' + mmenuoutbordercolor +
';padding: 4px" bgcolor=' + mmenucolor + '>\n'
for(var i = 0; i < thismenu.items.length; i++)
{
var thismenuitem = thismenu.items[i];
var imgsize = "";
if(thismenuitem.sizex != "0" || thismenuitem.sizey != "0")
imgsize = " width=" + thismenuitem.sizex + " height=" + thismenuitem.sizey;
var ifspace = "";
if(thismenu.caption != "") ifspace = " ";
if(!thismenuitem.isline)
{
stringx += "<tr><td class=coolButton style='border: " + mitemedge + "px solid " + mmenucolor +
"' width=100% height=15px onmouseover=\" mmenuitem_over(" + x + "," + i +
");\" onmouseout = mmenuitem_out() onmousedown = mmenuitem_down() onmouseup=";
stringx += "mmenuitem_up();mexec(" + x + "," + i + "); ";
if(thismenuitem.pos == "0")
{
if (thismenuitem.img != "")
stringx += "><img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+">"+ifspace+thismenuitem.caption+"</td></tr>";
else
stringx += ">"+ifspace+thismenuitem.caption+"</td></tr>";
}
else if(thismenuitem.pos=="1")
{
if (thismenuitem.img != "")
stringx += ">"+thismenuitem.caption+ifspace+"<img align=absmiddle src='"+thismenuitem.img+"'"+imgsize+"></td></tr>";
else
stringx += ">"+thismenuitem.caption+ifspace+"</td></tr>";
}
else if(thismenuitem.pos=="2")
{
if (thismenuitem.img != "")
stringx += "background='"+thismenuitem.img+"'>"+thismenuitem.caption+"</td></tr>";
else
stringx += ">"+thismenuitem.caption+"</td></tr>";
}
else
{
stringx += ">"+thismenuitem.caption+"</td></tr>";
}
}
else
{
//stringx+='<tr><td height="1" background="hr.gif" onmousemove="clearTimeout(mpopTimer);"><img height="1" width="1" src="none.gif" border="0"></td></tr>\n';
stringx+='<tr><td height="1" onmousemove="clearTimeout(mpopTimer);"></td></tr>\n';
}
}
stringx+='</table>\n</div>'
}
}
document.write("<div align='left'>"+stringx+"</div>");
}
</script>
</head>