BBS(php & mysql)完整版(五) 

//下面为menu_comment.js
function fwLoadMenus() {
  if (window.fw_menu_0) return;
  window.fw_menu_0 = new Menu("root",92,20,"Verdana, Arial, Helvetica, sans-serif",12,"#6666ff","#ffffff","#FF9999","#6666ff");
  fw_menu_0.addMenuItem("Javascript","window.open(@#left.php@#, @#_self@#);");
  fw_menu_0.addMenuItem("Css快速入门","window.open(@#left.php@#, @#_self@#);");
  fw_menu_0.addMenuItem("JS在线资源","window.open(@#left.php@#, @#_self@#);");
  fw_menu_0.addMenuItem("相关论坛","window.open(@#php3.php?part=4&&p=1@#, @#_self@#);");
  fw_menu_0.fontWeight="solid";
   fw_menu_0.hideOnMouseOut=true;
  window.fw_menu_1 = new Menu("root",92,20,"Verdana, Arial, Helvetica, sans-serif",12,"#6666ff","#ffffff","#FF9999","#6666ff");
  fw_menu_1.addMenuItem("Dreamwaver","window.open(@#left.php@#, @#_self@#);");
  fw_menu_1.addMenuItem("Firework","window.open(@#left.php@#, @#_self@#);");
  fw_menu_1.addMenuItem("Flash入门","window.open(@#left.php@#, @#_self@#);");
  fw_menu_1.addMenuItem("Html教程","window.open(@#left.php@#, @#_self@#);");
  fw_menu_1.addMenuItem("相关论坛","window.open(@#php3.php?part=3&&p=1@#, @#_self@#);");
  fw_menu_1.fontWeight="solid";
   fw_menu_1.hideOnMouseOut=true;
   window.fw_menu_2 = new Menu("root",86,20,"Verdana, Arial, Helvetica, sans-serif",12,"#6666ff","#ffffff","#FF9999","#6666ff");
  fw_menu_2.addMenuItem("Mysql介绍","window.open(@#mysql1.php@#, @#_self@#);");
  fw_menu_2.addMenuItem("在线下载","window.open(@#mysql2.php@#, @#_self@#);");
  fw_menu_2.addMenuItem("学习教程","window.open(@#mysql4a.php@#, @#_self@#);");
   fw_menu_2.addMenuItem("Mysql论坛","window.open(@#php3.php?part=2&&p=1@#, @#_self@#);");
   fw_menu_2.fontWeight="solid";
   fw_menu_2.hideOnMouseOut=true;
  window.fw_menu_3 = new Menu("root",76,20,"Verdana, Arial, Helvetica, sans-serif",12,"#6666ff","#ffffff","#FF9999","#6666ff");
  fw_menu_3.addMenuItem("安装配置","window.open(@#php1.php?id1=1&&id2=1@#, @#_self@#);");
  fw_menu_3.addMenuItem("程序代码","window.open(@#php2.php?id1=2&&id2=1@#, @#_self@#);");
  fw_menu_3.addMenuItem("学习教程","window.open(@#php4.php?id1=4&&id2=1@#, @#_self@#);");
   fw_menu_3.addMenuItem("PHP论坛","window.open(@#php3.php?part=1&&p=1@#, @#_self@#);");
   fw_menu_3.fontWeight="solid";
   fw_menu_3.hideOnMouseOut=true;

  fw_menu_3.writeMenus();
} // fwLoadMenus()
//下面是fw_menu.js
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh) {
    this.version = "990702 [Menu; menu.js]";
    this.type = "Menu";
    this.menuWidth = mw;
    this.menuItemHeight = mh;
    this.fontSize = fs||12;
    this.fontWeight = "plain";
    this.fontFamily = fnt||"arial,helvetica,verdana,sans-serif";
    this.fontColor = fclr||"#000000";
    this.fontColorHilite = fhclr||"#ffffff";
    this.bgColor = "#555555";
    this.menuBorder = 1;
    this.menuItemBorder = 1;
    this.menuItemBgColor = bg||"#clearcase/" target="_blank" >cccccc";
    this.menuLiteBgColor = "#ffffff";
    this.menuBorderBgColor = "#777777";
    this.menuHiliteBgColor = bgh||"#000084";
    this.menuContainerBgColor = "#cccccc";
    this.childMenuIcon = "arrows.gif";
    this.items = new Array();
    this.actions = new Array();
    this.childMenus = new Array();

    this.hideOnMouseOut = true;

    this.addMenuItem = addMenuItem;
    this.addMenuSeparator = addMenuSeparator;
    this.writeMenus = writeMenus;
    this.FW_showMenu = FW_showMenu;
    this.onMenuItemOver = onMenuItemOver;
    this.onMenuItemAction = onMenuItemAction;
    this.hideMenu = hideMenu;
    this.hideChildMenu = hideChildMenu;

    if (!window.menus) window.menus = new Array();
    this.label = label || "menuLabel" + window.menus.length;
    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 addMenuSeparator() {
    this.items[this.items.length] = "separator";
    this.actions[this.actions.length] = "";
    this.menuItemBorder = 0;
}
// For NS6.  
function FIND(item) {
    if (document.all) return(document.all[item]);
    if (document.getElementById) return(document.getElementById(item));
    return(false);
}

function writeMenus(container) {
    if (window.triedToWriteMenus) return;

    if (!container && document.layers) {
        window.delayWriteMenus = this.writeMenus;
        var timer = setTimeout(@#delayWriteMenus()@#, 250);
        container = new Layer(100);
        clearTimeout(timer);
    } else if (document.all || document.hasChildNodes) {
        document.writeln(@#<SPAN ID="menuContainer"></SPAN>@#);
        container = FIND("menuContainer");
    }

    window.fwHideMenuTimer = null;
    if (!container) return;     
    window.triedToWriteMenus = true;  
    container.isContainer = true;
    container.menus = new Array();
    for (var i=0; i<window.menus.length; i++)  
        container.menus[i] = window.menus[i];
    window.menus.length = 0;
    var countMenus = 0;
    var countItems = 0;
    var top = 0;
    var content = @#@#;
    var lrs = false;
    var theStat = "";
    var tsc = 0;
    if (document.layers) lrs = true;
    for (var i=0; i<container.menus.length; i++, countMenus++) {
        var menu = container.menus[i];
        if (menu.bgImageUp) {
            menu.menuBorder = 0;
            menu.menuItemBorder = 0;
        }
        if (lrs) {
            var menuLayer = new Layer(100, container);
            var lite = new Layer(100, menuLayer);
            lite.top = menu.menuBorder;
            lite.left = menu.menuBorder;
            var body = new Layer(100, lite);
            body.top = menu.menuBorder;
            body.left = menu.menuBorder;
        } else {
            content += @#@#+
            @#<DIV ID="menuLayer@#+ countMenus +@#" STYLE="position:absolute;z-index:1;left:10;top:@#+ (i * 100) +@#;visibility:hidden;">n@#+
            @#  <DIV ID="menuLite@#+ countMenus +@#" STYLE="position:absolute;z-index:1;left:@#+ menu.menuBorder +@#;top:@#+ menu.menuBorder +@#;visibility:hide;" onMouseOut="mouseoutMenu();">n@#+
            @#     <DIV ID="menuFg@#+ countMenus +@#" STYLE="position:absolute;left:@#+ menu.menuBorder +@#;top:@#+ menu.menuBorder +@#;visibility:hide;">n@#+
            @#@#;
        }
        var x=i;
        for (var i=0; i<menu.items.length; i++) {
            var item = menu.items[i];
            var childMenu = false;
            var defaultHeight = menu.fontSize+6;
            var defaultIndent = menu.fontSize;
            if (item.label) {
                item = item.label;
                childMenu = true;
            }
            menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
            menu.menuItemIndent = menu.menuItemIndent || defaultIndent;
            var itemProps = @#font-family:@# + menu.fontFamily +@#;font-weight:@# + menu.fontWeight + @#;fontSize:@# + menu.fontSize + @#;@#;
            if (menu.fontStyle) itemProps += @#font-style:@# + menu.fontStyle + @#;@#;
            if (document.all)  
                itemProps += @#font-size:@# + menu.fontSize + @#;" onMouseOver="onMenuItemOver(null,this);" onClick="onMenuItemAction(null,this);@#;
            else if (!document.layers) {
                itemProps += @#font-size:@# + menu.fontSize + @#px;@#; // zilla wants 12px.
            }
            var l;
            if (lrs) {
                l = new Layer(800,body);
            }
            var dTag    = @#<DIV ID="menuItem@#+ countItems +@#" STYLE="position:absolute;left:0;top:@#+ (i * menu.menuItemHeight) +@#;@#+ itemProps +@#">@#;
            var dClose = @#</DIV>@#
            if (menu.bgImageUp) {
                menu.menuBorder = 0;
                menu.menuItemBorder = 0;
                dTag    = @#<DIV ID="menuItem@#+ countItems +@#" STYLE="background:url(@#+menu.bgImageUp+@#);position:absolute;left:0;top:@#+ (i * menu.menuItemHeight) +@#;@#+ itemProps +@#">@#;
                if (document.layers) {
                    dTag = @#<LAYER BACKGROUND="@#+menu.bgImageUp+@#" ID="menuItem@#+ countItems +@#" TOP="@#+ (i * menu.menuItemHeight) +@#" style="@# + itemProps +@#">@#;
                    dClose = @#</LAYER>@#;
                }
            }
            var textProps = @#position:absolute;left:@# + menu.menuItemIndent + @#;top:1;@#;
            if (lrs) {
                textProps +=itemProps;
                dTag = "";
                dClose = "";
            }

            var dText    = @#<DIV ID="menuItemText@#+ countItems +@#" STYLE="@# + textProps + @#color:@#+ menu.fontColor +@#;">@#+ item +@#&nbsp</DIV>n<DIV ID="menuItemHilite@#+ countItems +@#" STYLE="@# + textProps + @#top:1;color:@#+ menu.fontColorHilite +@#;visibility:hidden;">@#+ item +@#&nbsp</DIV>@#;
            if (item == "separator") {
                content += ( dTag + @#<DIV ID="menuSeparator@#+ countItems +@#" STYLE="position:absolute;left:1;top:2;"></DIV>n<DIV ID="menuSeparatorLite@#+ countItems +@#" STYLE="position:absolute;left:1;top:2;"></DIV>n@# + dClose);
            } else if (childMenu) {
                content += ( dTag + dText + @#<DIV ID="childMenu@#+ countItems +@#" STYLE="position:absolute;left:0;top:3;"><IMG SRC="@#+ menu.childMenuIcon +@#"></DIV>n@# + dClose);
            } else {
                content += ( dTag + dText + dClose);
            }
            if (lrs) {
                l.document.open("text/html");
                l.document.writeln(content);
                l.document.close();     
                content = @#@#;
                theStat += "-";
                tsc++;
                if (tsc > 50) {
                    tsc = 0;
                    theStat = "";
                }
                status = theStat;
            }
            countItems++;   
        }
        if (lrs) {
            // focus layer
            var focusItem = new Layer(100, body);
            focusItem.visiblity="hidden";
            focusItem.document.open("text/html");
            focusItem.document.writeln("&nbsp;");
            focusItem.document.close();     
        } else {
          content += @#      <DIV ID="focusItem@#+ countMenus +@#" STYLE="position:absolute;left:0;top:0;visibility:hide;" onClick="onMenuItemAction(null,this);">&nbsp;</DIV>n@#;
          content += @#   </DIV>n  </DIV>n</DIV>n@#;
        }
        i=x;
    }
    if (document.layers) {         
        container.clip.width = window.innerWidth;
        container.clip.height = window.innerHeight;
        container.onmouseout = mouseoutMenu;
        container.menuContainerBgColor = this.menuContainerBgColor;
        for (var i=0; i<container.document.layers.length; i++) {
            proto = container.menus[i];
            var menu = container.document.layers[i];
            container.menus[i].menuLayer = menu;
            container.menus[i].menuLayer.Menu = container.menus[i];
            container.menus[i].menuLayer.Menu.container = container;
            var body = menu.document.layers[0].document.layers[0];
            body.clip.width = proto.menuWidth || body.clip.width;
            body.clip.height = proto.menuHeight || body.clip.height;
            for (var n=0; n<body.document.layers.length-1; n++) {
                var l = body.document.layers[n];
                l.Menu = container.menus[i];
                l.menuHiliteBgColor = proto.menuHiliteBgColor;
                l.document.bgColor = proto.menuItemBgColor;
                l.saveColor = proto.menuItemBgColor;
                l.onmouseover = proto.onMenuItemOver;
                l.onclick = proto.onMenuItemAction;
                l.action = container.menus[i].actions[n];
                l.focusItem = body.document.layers[body.document.layers.length-1];
                l.clip.width = proto.menuWidth || body.clip.width + proto.menuItemIndent;
                l.clip.height = proto.menuItemHeight || l.clip.height;
                if (n>0) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder;
                l.hilite = l.document.layers[1];
                if (proto.bgImageUp) l.background.src = proto.bgImageUp;
                l.document.layers[1].isHilite = true;
                if (l.document.layers[0].id.indexOf("menuSeparator") != -1) {
                    l.hilite = null;
                    l.clip.height -= l.clip.height / 2;
                    l.document.layers[0].document.bgColor = proto.bgColor;
                    l.document.layers[0].clip.width = l.clip.width -2;
                    l.document.layers[0].clip.height = 1;
                    l.document.layers[1].document.bgColor = proto.menuLiteBgColor;
                    l.document.layers[1].clip.width = l.clip.width -2;
                    l.document.layers[1].clip.height = 1;
                    l.document.layers[1].top = l.document.layers[0].top + 1;
                } else if (l.document.layers.length > 2) {
                    l.childMenu = container.menus[i].items[n].menuLayer;
                    l.document.layers[2].left = l.clip.width -13;
                    l.document.layers[2].top = (l.clip.height / 2) -4;
                    l.document.layers[2].clip.left += 3;
                    l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
                }
            }
            body.document.bgColor = proto.bgColor;
            body.clip.width  = l.clip.width +proto.menuBorder;
            body.clip.height = l.top + l.clip.height

原文转自：http://www.ltesting.net