menu.js

来自「Computer SHOP+DATABASE」· JavaScript 代码 · 共 61 行

fShow="visible";fHide="hidden";
window.onerror=new Function("return true")
lastMenu = null;
rightX = 0;

function displaySubMenu(idMainMenu)
{
	var menu;
	var submenu;
		menu = eval(idMainMenu);
		submenu = eval(idMainMenu+"submenu.style");
		submenu.left = calculateSumOffset(menu, 'offsetLeft')+7;
		
		submenu.top  = 30;
		//menu.style.top+20;
		
		submenu.visibility = fShow;

		if (lastMenu != null && lastMenu != submenu) hideAll();

		leftX  = document.all[idMainMenu+"submenu"].style.posLeft;
		rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;

		leftY  = document.all[idMainMenu+"submenu"].style.posTop+
			document.all[idMainMenu+"submenu"].offsetHeight;
		rightY = leftY;
	lastMenu = submenu;
}

function hideAll()
{
	if (lastMenu != null) {lastMenu.visibility = fHide;lastMenu.left = 0;}
}

function calculateSumOffset(idItem, offsetName)
{
	var totalOffset = 0;	//origin=0 move submenu to left
	var item = eval('idItem');
	do
	{
		totalOffset += eval('item.'+offsetName);
		item = eval('item.offsetParent');
	} while (item != null);
	return totalOffset-7;
}

function updateIt()
{
		var x = window.event.clientX;
		var y = window.event.clientY;	//origin add 78

		if (x > rightX || x < leftX) hideAll(); //Hide when outside screen
		else if (y > rightY) hideAll();
}


	document.body.onclick=hideAll;
	document.body.onscroll=hideAll;
	document.body.onmousemove=updateIt;