mm_menu.js（实现鼠标移入横向显示二级菜单效果）(2)

清疚 2022-01-15 09:35 167阅读 0赞

function NS4resize() \{  
if (NS4sIW != window.innerWidth || NS4sIH != window.innerHeight) window.location.reload();  
\}

function onMenuItemAction(e, l) \{  
l = window.ActiveMenuItem;  
if (!l) return;  
hideActiveMenus();  
if (l.mmaction) eval("" + l.mmaction);  
window.ActiveMenuItem = 0;  
\}

function MM\_clearTimeout() \{  
if (mmHideMenuTimer) clearTimeout(mmHideMenuTimer);  
mmHideMenuTimer = null;  
mmDHFlag = false;  
\}

function MM\_startTimeout() \{  
if( window.ActiveMenu ) \{  
mmStart = new Date();  
mmDHFlag = true;  
mmHideMenuTimer = setTimeout("mmDoHide()", window.ActiveMenu.Menu.hideTimeout);  
\}  
\}

function mmDoHide() \{  
if (!mmDHFlag || !window.ActiveMenu) return;  
var elapsed = new Date() - mmStart;  
var timeout = window.ActiveMenu.Menu.hideTimeout;  
if (elapsed < timeout) \{  
mmHideMenuTimer = setTimeout("mmDoHide()", timeout+100-elapsed);  
return;  
\}  
mmDHFlag = false;  
hideActiveMenus();  
window.ActiveMenuItem = 0;  
\}

function MM\_showMenu(menu, x, y, child, imgname) \{  
if (!window.mmWroteMenu) return;  
MM\_clearTimeout();  
if (menu) \{  
var obj = FIND(imgname) || document.p\_w\_picpaths\[imgname\] || document.links\[imgname\] || document.anchors\[imgname\];  
x = moveXbySlicePos (x, obj);  
y = moveYbySlicePos (y, obj);  
\}  
if (document.layers) \{  
if (menu) \{  
var l = menu.menuLayer || menu;  
l.top = l.left = 1;  
hideActiveMenus();  
if (this.visibility) l = this;  
window.ActiveMenu = l;  
\} else \{  
var l = child;  
\}  
if (!l) return;  
for (var i=0; i<l.layers.length; i++) \{  
if (!l.layers\[i\].isHilite) l.layers\[i\].visibility = "inherit";  
if (l.layers\[i\].document.layers.length > 0) MM\_showMenu(null, "relative", "relative", l.layers\[i\]);  
\}  
if (l.parentLayer) \{  
if (x != "relative") l.parentLayer.left = x || window.pageX || 0;  
if (l.parentLayer.left + l.clip.width > window.innerWidth) l.parentLayer.left -= (l.parentLayer.left + l.clip.width - window.innerWidth);  
if (y != "relative") l.parentLayer.top = y || window.pageY || 0;  
if (l.parentLayer.isContainer) \{  
l.Menu.xOffset = window.pageXOffset;  
l.Menu.yOffset = window.pageYOffset;  
l.parentLayer.clip.width = window.ActiveMenu.clip.width +2;  
l.parentLayer.clip.height = window.ActiveMenu.clip.height +2;  
if (l.parentLayer.menuContainerBgColor && l.Menu.menuBgOpaque ) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;  
\}  
\}  
l.visibility = "inherit";  
if (l.Menu) l.Menu.container.visibility = "inherit";  
\} else if (FIND("menuItem0")) \{  
var l = menu.menuLayer || menu;  
hideActiveMenus();  
if (typeof(l) == "string") l = FIND(l);  
window.ActiveMenu = l;  
var s = l.style;  
s.visibility = "inherit";  
if (x != "relative") \{  
s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;  
s.left = s.pixelLeft + 'px';  
\}  
if (y != "relative") \{  
s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;  
s.top = s.pixelTop + 'px';  
\}  
l.Menu.xOffset = document.body.scrollLeft;  
l.Menu.yOffset = document.body.scrollTop;  
\}  
if (menu) window.activeMenus\[window.activeMenus.length\] = l;  
MM\_clearTimeout();  
\}

function onMenuItemDown(e, l) \{  
var a = window.ActiveMenuItem;  
if (document.layers && a) \{  
a.eX = e.pageX;  
a.eY = e.pageY;  
a.clicked = true;  
\}  
\}

function mouseupMenu(e) \{  
hideMenu(true, e);  
hideActiveMenus();  
return true;  
\}

function getExplorerVersion() \{  
var ieVers = parseFloat(navigator.appVersion);  
if( navigator.appName != 'Microsoft Internet Explorer' ) return ieVers;  
var tempVers = navigator.appVersion;  
var i = tempVers.indexOf( 'MSIE ' );  
if( i >= 0 ) \{  
tempVers = tempVers.substring( i+5 );  
ieVers = parseFloat( tempVers );  
\}  
return ieVers;  
\}

function mouseoutMenu() \{  
if ((navigator.appName == "Microsoft Internet Explorer") && (getExplorerVersion() < 4.5))  
return true;  
hideMenu(false, false);  
return true;  
\}

个人感想：js比想象中的功能强大，可也比想象中的麻烦。

转载于:https://blog.51cto.com/movie0312/115949