js下拉导航菜单
js下拉导航菜单
<script Language="JavaScript">
var h;
var w;
var l;
var t;
var topMar = 3;
var leftMar = -10;
var space = 2;
var isvisible;
var MENU_SHADOW_COLOR='#999999';
var global = window.document
global.fo_currentMenu = null
global.fo_shadows = new Array
function HideMenu()
{
var mX;
var mY;
var vDiv;
var mDiv;
if (isvisible == true)
{
vDiv = document.all("menuDiv");
mX = window.event.clientX + document.body.scrollLeft;
mY = window.event.clientY + document.body.scrollTop;
if ((mX < parseInt(vDiv.style.left)) || (mX > parseInt(vDiv.style.left)+vDiv.offsetWidth) || (mY < parseInt(vDiv.style.top)-h) || (mY > parseInt(vDiv.style.top)+vDiv.offsetHeight)){
vDiv.style.visibility = "hidden";
isvisible = false;
}
}
}
function ShowMenu(vMnuCode,tWidth) {
vSrc = window.event.srcElement;
vMnuCode = "<table id='submenu' cellspacing=1 cellpadding=3 style='width:"+tWidth+"' class=tableborder1 onmouseout='HideMenu()'><tr height=23><td nowrap align=left class=tablebody1>" + vMnuCode + "</td></tr></table>";
h = vSrc.offsetHeight;
w = vSrc.offsetWidth;
l = vSrc.offsetLeft + leftMar+4;
t = vSrc.offsetTop + topMar + h + space-2;
vParent = vSrc.offsetParent;
while (vParent.tagName.toUpperCase() != "BODY")
{
l += vParent.offsetLeft;
t += vParent.offsetTop;
vParent = vParent.offsetParent;
}
menuDiv.innerHTML = vMnuCode;
menuDiv.style.top = t;
menuDiv.style.left = l;
menuDiv.style.visibility = "visible";
isvisible = true;
makeRectangularDropShadow(submenu, MENU_SHADOW_COLOR, 4)
}
function makeRectangularDropShadow(el, color, size)
{
var i;
for (i=size; i>0; i--)
{
var rect = document.createElement('div');
var rs = rect.style
rs.position = 'absolute';
rs.left = (el.style.posLeft + i) + 'px';
rs.top = (el.style.posTop + i) + 'px';
rs.width = el.offsetWidth + 'px';
rs.height = el.offsetHeight + 'px';
rs.zIndex = el.style.zIndex - i;
rs.backgroundColor = color;
var opacity = 1 - i / (i + 1);
rs.filter = 'alpha(opacity=' + (100 * opacity) + ')';
el.insertAdjacentElement('afterEnd', rect);
global.fo_shadows[global.fo_shadows.length] = rect;
}
}
var About= ' <a style=font-size:9pt;line-height:14pt; href=\"Company.asp\"><font color="#000000">About US</font></a> <br> <a style=font-size:9pt;line-height:14pt; href=\"CThonor.asp\"><font color="#000000">Certificate</font></a> '
var Product= ' <a style=font-size:9pt;line-height:14pt; href=\"Product.asp\"><font color="#000000">Product Show</font></a> <br> <a style=font-size:9pt;line-height:14pt; href=\"Products.asp\"><font color="#000000">Product Sort</font></a> '
var Job= ' <a style=font-size:9pt;line-height:14pt; href=\"Job.asp\"><font color="#000000">人 才 招 聘</font></a> <br> <a style=font-size:9pt;line-height:14pt; href=\"Jobs.asp\"><font color="#000000">人 才 策 略</font></a> '
var server= ' <a style=font-size:9pt;line-height:14pt; href=\"Server.asp\"><font color="#000000">Member Center</font></a> <br> <a style=font-size:9pt;line-height:14pt; href=\"NetBook.asp\"><font color="#000000">Leave Word</font></a> <br> <a style=font-size:9pt;line-height:14pt; href="ftp://chentai.eicp.net" target="_blank"><font color="#000000">Download for guest</font></a> <br> <a style=font-size:9pt;line-height:14pt; href="ftp://chentai.eicp.net" target="_blank"><font color="#000000">Up for guest</font></a> '
</script>
补充：网页制作,js教程 
