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

最新推荐文章于 2024-05-12 09:33:14 发布

ssp1256

最新推荐文章于 2024-05-12 09:33:14 发布

阅读量1k

点赞数

分类专栏： js 文章标签： function menu div microsoft null layer

js 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

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

/**
* mm_menu 20MAR2002 Version 6.0
* Andy Finnell, March 2002
* Copyright (c) 2000-2002 Macromedia, Inc.
*
* based on menu.js
* by gary smith, July 1997
* Copyright (c) 1997-1999 Netscape Communications Corp.
*
* Netscape grants you a royalty free license to use or modify this
* software provided that this copyright notice appears on all copies.
* This software is provided "AS IS," without a warranty of any kind.
*/
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh, halgn, valgn, pad, space, to, sx, sy, srel, opq, vert, idt, aw, ah)
{
this.version = "020320 [Menu; mm_menu.js]";//形式
this.type = "Menu";//类型
this.menuWidth = mw;//宽度
this.menuItemHeight = mh;//高度
this.fontSize = fs;//字体大小
this.fontWeight = "plain";//字体为普通
this.fontFamily = fnt;//字体父类
this.fontColor = fclr;//字体颜色
this.fontColorHilite = fhclr;//选中之后的加亮显示颜色
this.bgColor = "#555555";//背景颜色
this.menuBorder = 1;//边框
this.menuBgOpaque=opq;//透明度
this.menuItemBorder = 1;//选中的当前项边框
this.menuItemIndent = idt;//选中的当前项锯齿
this.menuItemBgColor = bg;//选中的当前项背景
this.menuItemVAlign = valgn;//垂直方式
this.menuItemHAlign = halgn;//水平方式
this.menuItemPadding = pad;//字周围间隔
this.menuItemSpacing = space;//字间距
this.menuLiteBgColor = "#ffffff";
this.menuBorderBgColor = "#777777";//边框颜色
this.menuHiliteBgColor = bgh;//高亮效果颜色
this.menuContainerBgColor = "#cccccc";
this.childMenuIcon = "arrows.gif";//子菜单图象
this.submenuXOffset = sx;//坐标值
this.submenuYOffset = sy;//坐标值
this.submenuRelativeToItem = srel;//相对
this.vertical = false;//垂直
this.items = new Array();//栏目
this.actions = new Array();
this.childMenus = new Array();//子栏目
this.hideOnMouseOut = true;//鼠标移出隐藏
this.hideTimeout = to;//隐藏时间
this.addMenuItem = addMenuItem;//添加栏目
this.writeMenus = writeMenus;//写栏目
this.MM_showMenu = MM_showMenu;
this.onMenuItemOver = onMenuItemOver;//栏目移入
this.onMenuItemAction = onMenuItemAction;//栏目动作
this.hideMenu = hideMenu;//隐藏栏目
this.hideChildMenu = hideChildMenu;//隐藏子栏目
if (!window.menus) window.menus = new Array();//如果桌面栏目不存在则声明新的栏目数组
this.label = " " + label;//标签
window.menus[this.label] = this;//将属性传递给栏目标签
window.menus[window.menus.length] = this;//将菜单数量传递给栏目
if (!window.activeMenus) window.activeMenus = new Array();//如果活动栏目不存在则声明新的活动栏目数组
}//创建栏目

function addMenuItem(label, action) {// 添加栏目
this.items[this.items.length] = label;//栏目数量
this.actions[this.actions.length] = action;//栏目动作
}

function FIND(item) {
if( window.mmIsOpera ) return(document.getElementById(item));
if (document.all) return(document.all[item]);
if (document.getElementById) return(document.getElementById(item));
return(false);
}

function writeMenus(container) {
if (window.triedToWriteMenus) return;
var agt = navigator.userAgent.toLowerCase();
window.mmIsOpera = agt.indexOf("opera") != -1;
if (!container && document.layers) {
   window.delayWriteMenus = this.writeMenus;
   var timer = setTimeout('delayWriteMenus()', 500);
   container = new Layer(100);
   clearTimeout(timer);
} else if (document.all || document.hasChildNodes || window.mmIsOpera) {
   document.writeln('<span id="menuContainer"></span>');
   container = FIND("menuContainer");
}

    var lite = FIND("menuLite" + x);
    var s = lite.style;
    s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
    s.height = s.pixelHeight + 'px';
    s.pixelWidth = menu.menuWidth + (menu.menuBorder * 2);
    s.width = s.pixelWidth + 'px';
    if( menu.menuBgOpaque ) s.backgroundColor = menu.menuLiteBgColor;

    var body = FIND("menuFg" + x);
    s = body.style;
    s.pixelHeight = menu.menuHeight + menu.menuBorder;
    s.height = s.pixelHeight + 'px';
    s.pixelWidth = menu.menuWidth + menu.menuBorder;
    s.width = s.pixelWidth + 'px';
    if( menu.menuBgOpaque ) s.backgroundColor = menu.bgColor;

    s = menuLayer.style;
    s.pixelWidth = menu.menuWidth + (menu.menuBorder * 4);
    s.width = s.pixelWidth + 'px';
    s.pixelHeight = menu.menuHeight+(menu.menuBorder*4);
    s.height = s.pixelHeight + 'px';
   }
}
if (document.captureEvents) document.captureEvents(Event.MOUSEUP);
if (document.addEventListener) document.addEventListener("mouseup", onMenuItemOver, false);
if (document.layers && window.innerWidth) {
   window.onresize = NS4resize;
   window.NS4sIW = window.innerWidth;
   window.NS4sIH = window.innerHeight;
   setTimeout("NS4resize()",500);
}
document. = mouseupMenu;
window.mmWroteMenu = true;
status = "";
}

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 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;
}

ssp1256

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
mm_menu.js（实现鼠标移入横向显示二级菜单效果）

mm_menu.js（实现鼠标移入横向显示二级菜单效果）<br /> /**<br />* mm_menu 20MAR2002 Version 6.0<br />* Andy Finnell, March 2002<br />* Copyright (c) 2000-2002 Macromedia, Inc.<br />*<br />* based on menu.js<br />* by gary smith, July 1997<br />* Copy
复制链接

扫一扫