HTML做的静态页面,一个弹出框,我想点击这个弹出框的别的地方,让这个页面弹出框隐藏。能用jquery最好
,点击别的地方,让这个弹出框隐藏掉。有没有谁有办法呢》?最好是简单的jquary代码。。。十分紧急。在线等...
,点击别的地方,让这个弹出框隐藏掉。有没有谁有办法呢》?最好是简单的jquary代码。。。十分紧急。在线等
展开
4个回答
展开全部
<html>
<head>
<title></title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$(".d").click(function(){
$(".mk").show();
return false;//关键是这里,阻止冒泡
});
$(".mk").click(function(){
return false;
});
$(document).click(function(){
$(".mk").hide();
});
})
</script>
</head>
<body>
<input type="button" class="d" value="s"/>
<div class="mk" style="width:100px;height:100px;background:#a30;display:none;"></div>
</body>
</html>
直接看这段代码吧,点击按钮下面的框显示,点击别处消失,看里面重点的地方
展开全部
//层内的link点击事件,注意让事件停止冒泡
$("#div").click(function(event){
event=event||window.event;
event.stopPropagation();
});
//点击层外,隐藏这个层。由于层内的事件停止了冒泡,所以不会触发这个事件
$(document).click(function(e){
$("#div").hide();
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
(1)首先你得引用jQury.js
(2)假设你得这个弹出框放在一个div中且这个div的id为hidden
则可以这样写即可。
(3)$(function(){
$("#hidden").click(function(){
$(this).hidden();
});
});
(2)假设你得这个弹出框放在一个div中且这个div的id为hidden
则可以这样写即可。
(3)$(function(){
$("#hidden").click(function(){
$(this).hidden();
});
});
追问
我是想让他有类似select的效果,点击非select的其他部分,select隐藏,这可以实现?我网上有看到是根据鼠标点击的坐标来判断,貌似很困难?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div id="like"><div><span>喜欢成功,请加入专辑吧</span><span id="delect">取消</span><div></div></div>
$("#delect").click(fucntion(){
$("#like").css("display",none);});
你应该知道基本的jquery操作把。引入jquery库等等
更多追问追答
追问
我是想让他有类似select的效果,点击非select的其他部分,select隐藏,这可以实现?我网上有看到是根据鼠标点击的坐标来判断,貌似很困难?
追答
你试试这个
$(document).ready(function(){
$("#like").live("mouseenter",function(){
//鼠标在里边
});
$("#like").live("mouseleave",function(){
//移出鼠标
});
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询