Dreamweaver教程 FrontPage教程 Flash教程 CSS教程
  • javascript教程
  • 当前位置:教程 > 网页制作 > javascript教程 > 正文

    一个简单的javascript菜单(3)

    编辑:教程网 来源:网络 时间:2011年11月07日 16:49

    menu.selectedIndex=-1;
    menu.board.style.display="none";
    }

    //执行菜单命令;
    this.execute=function(ary){
    if(ary[2]==null) return;
    if(ary[1]=="js") { eval(ary[2]); menu.hideMenu(); }
    else if(ary[1]==null || ary[1].toLowerCase=="_self") location.href=ary[2];
    else{ var x=window.open(ary[2],ary[1]); x.focus(); }
    }

    //建立子菜单的显示面板
    this.crtMenuBoard=function(){
    document.write(
    "<div id='"+id+"_board' style='position:absolute;width:160px;height:10px;left:0px;top:20px;background-color:#666666;z-index:99;display:none;'>"+
    "<div style='position:absolute;width:100%;height:100%;left:0px;top:0px;'>"+
    "<iframe id='"+id+"_frame' name='"+id+"_frame' width='100%' height='100%' frameborder='0' scrolling='no'></iframe>"+
    "</div>"+
    "<div id='"+id+"_pad' style='position:absolute;width:100%;height:100%;left:0px;top:0px;'></div>"+
    "</div>"
    );
    menu.board=document.getElementById(id+"_board");
    menu.pad=document.getElementById(id+"_pad");
    menu.pad.className=id+"_board";
    menu.pad.onselectstart=function(){ return false;}
    }

    //增加对像的一个子元素
    this.crtElement=function(el,p){
    return p.appendChild(document.createElement(el));
    }

    //安装菜单;
    this.setup=function(){
    menu.crtMenuBoard();
    menu.crtMenuBar();
    document.attachEvent("onclick",menu.hideMenu);
    }

    menu.setup();
    }
    </script>
    </body>
    </html>


  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/javascript/31901.html

  • 上一篇:JS时钟
  • 下一篇:JavaScript常用检测脚本