点击空白处关闭弹出层
来源:互联网 发布:c语言大小写字母互换 编辑:程序博客网 时间:2024/05/19 20:39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>点击空白处关闭弹出层</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#box{width:300px;height:200px;border:1px solid #000;display:none;}
.btn{color:red;}
</style>
<script type="text/javascript" src="http://www.internetke.com/public/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$(".btn").click(function(event){
var e=window.event || event;
if(e.stopPropagation){
e.stopPropagation();
}else{
e.cancelBubble = true;
}
$("#box").show();
});
$("#box").click(function(event){
var e=window.event || event;
if(e.stopPropagation){
e.stopPropagation();
}else{
e.cancelBubble = true;
}
});
document.onclick = function(){
$("#box").hide();
};
})
</script>
</head>
<body>
<div id="box"></div>
<span class="btn">点击此处打开弹出层</span>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>点击空白处关闭弹出层</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#box{width:300px;height:200px;border:1px solid #000;display:none;}
.btn{color:red;}
</style>
<script type="text/javascript" src="http://www.internetke.com/public/js/jquery.js"></script>
<script type="text/javascript">
$(function(){
$(".btn").click(function(event){
var e=window.event || event;
if(e.stopPropagation){
e.stopPropagation();
}else{
e.cancelBubble = true;
}
$("#box").show();
});
$("#box").click(function(event){
var e=window.event || event;
if(e.stopPropagation){
e.stopPropagation();
}else{
e.cancelBubble = true;
}
});
document.onclick = function(){
$("#box").hide();
};
})
</script>
</head>
<body>
<div id="box"></div>
<span class="btn">点击此处打开弹出层</span>
</body>
</html>
0 0
- JS点击空白处关闭弹出层
- 点击空白处关闭弹出层
- js点击空白关闭弹出层
- jQuery点击空白处关闭弹出窗口
- jQuery点击空白处隐藏弹出层
- jQuery点击空白处隐藏弹出层
- jQuery点击空白处隐藏弹出层
- jquery点击空白处关闭div层
- 点击按钮div层弹出,点击空白处div隐藏
- 点击页面空白处时隐藏弹出的div层
- jquery点击空白处隐藏弹出层的写法
- 点击页面空白处关闭气泡或弹层
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 使用jquery实现点击按钮弹出层和点击空白处隐藏层
- 点击弹出层 ,点击弹出层外区域关闭弹出层,点击关闭关闭弹出层jquery特效
- Andorid-----dialog弹出框 点击周围空白处弹出层不自动消失
- 工具:GitHub入门
- 获取MySql每一列的数据类型和长度默认值等信息
- 大数据问题(九章算法)
- android组件之DrawerLayout(抽屉导航)-- 侧滑菜单效果
- 多渠道打包
- 点击空白处关闭弹出层
- KMP模板
- OS 模块
- 贱人都是这么矫情,垃圾的网站
- HDU-3697
- 时间转换
- Android程序Crash时的异常上报
- 浅谈未来的人工智能与奇点临近
- Fragment使用总结