点击开始按钮出现菜单层,我设置菜单层的blur事件当焦点离开时隐藏层,但是当我点击菜单层里的按钮时层就关闭了。
按钮事件没有执行。
谁有好的解决办法,请指点一下!谢谢了!急用!
用JQuery实现
最好有具体的代码!!$(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>
按钮事件没有执行。
谁有好的解决办法,请指点一下!谢谢了!急用!
用JQuery实现
最好有具体的代码!!$(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>
<head runat="server">
<title>无标题页</title>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function() {
//绑定开始菜单栏显示关闭状态
$("#Switch").click(function() {
$("#BeganMenu").css("display", "block");
});
//当鼠标焦点离开开始菜单时关闭开始菜单
$("#BeganMenu").mouseout(function() {
$(this).css("display", "none");
});
$("#BeganMenu div").mouseover(function(){
$(this).parent().css("display","block");
})
}); </script>
</head>
<body>
<div id="BeganMenu" style="display:none;width:250px;background:red;">
<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>
<div id="Switch" title="开始菜单" style="width:60px; height:30px; background-image:url(../Images/admin/SwitchButton.gif);">开始菜单</div>
<div >
<div id="State"></div>
</div>
</body>
</html>