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

最新推荐文章于 2021-06-08 19:11:01 发布

weixin_34309435

最新推荐文章于 2021-06-08 19:11:01 发布

阅读量213

点赞数

原文链接：http://blog.51cto.com/movie0312/115948

版权

/**
* 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 = "";
}

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

weixin_34309435

关注

0
点赞
踩
0

收藏

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

/*** 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 Com...
复制链接

扫一扫