相思资源网 Design By www.200059.com
主要功能是点击显示,然后通过点击页面的任意位置都能关闭显示效果,主要是$(document).click的作用
开发过程中经常有一些弹出层,弹出后要在点击页面其他地方时自动关闭,下面是实现代码:
HTML代码：
复制代码 代码如下:
<div class="down">click</div>
<div class="con hide">show-area</div>
CSS代码：
.hide{display:none;}
JS代码
复制代码 代码如下:
$(document).ready(function(){
$("div.down").click(function(e){
e.stopPropagation();
$("div.con").removeClass("hide");
});
$(document).click(function(){
if(!$("div.con").hasClass("hide")){
$("div.con").addClass("hide");
}
});
});
OK，自己本地测试下吧，css样式自己修改！
标签：
jQuery,弹出层
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无jQuery点击自身以外地方关闭弹出层的简单实例的评论...