实现Window开始菜单效果

点击开始按钮出现菜单层，我设置菜单层的blur事件当焦点离开时隐藏层，但是当我点击菜单层里的按钮时层就关闭了。
按钮事件没有执行。
谁有好的解决办法，请指点一下！谢谢了！急用！
用JQuery实现

解决方案 »

  1.   

    $(function() {
            //绑定开始菜单栏显示关闭状态
            $("#Switch").click(function() {
                if ($("#BeganMenu").css("display") == "none") {
                    $("#BeganMenu").css("display", "block");
                    $("#BeganMenu").focus();
                }
            });
            //当鼠标焦点离开开始菜单时关闭开始菜单
            $("#BeganMenu").blur(function() {
                if ($(this).css("display") == "block") {
                    $(this).css("display", "none");
                }
            });
         });<body>
    <div id="BeganMenu">
            <div id="MainMenu" style="width:180px; float:left;">
                <a href="javaScript:alert('guanli');">guanli</a>
            </div>
            <div style="float:left;">
                <a href="javaScript:alert('guanli');">退出</a>
            </div>
        </div>
        
        <div id="Sample">
         <div id="Switch" title="开始菜单" style="width:60px; height:30px; background-image:url(../Images/admin/SwitchButton.gif);">
             <div >
            <div id="State"></div>
        </div>
    </body>
      

  2.   

    是你没等点击就关闭了，所以根本没能点击上。
    给你菜单层里的按钮同样加上blur和mouseover（在这里显示菜单）事件。
      

  3.   

    我觉得用Ext Js实现起来比较容易点