点击弹出层外区域关闭弹出层jquery特效示例_jquery

来源：动视网责编：小采时间：2020-11-27 21:13:10

点击弹出层外区域关闭弹出层jquery特效示例_jquery

点击弹出层外区域关闭弹出层jquery特效示例_jquery:点击弹出层外区域关闭弹出层jquery特效,废话不说，上代码，简洁明了：代码如下: .hide{display:none;} .con{width:500px;height:300px;background:#000;} 点击弹出层，点击弹出层外区域关闭弹出层jquery特效 $(document).re

推荐度：

点击下载本文 文档为doc格式

导读点击弹出层外区域关闭弹出层jquery特效示例_jquery:点击弹出层外区域关闭弹出层jquery特效,废话不说，上代码，简洁明了：代码如下: .hide{display:none;} .con{width:500px;height:300px;background:#000;} 点击弹出层，点击弹出层外区域关闭弹出层jquery特效 $(document).re

点击弹出层外区域关闭弹出层jquery特效,废话不说，上代码，简洁明了：
代码如下:

点击弹出层，点击弹出层外区域关闭弹出层jquery特效

$(document).ready(function() {
$("div.down").click(function(e) {
e.stopPropagation();
$("div.con").removeClass("hide");
});
$("div.con a").click(function() {
$("div.con").addClass("hide");
});

$(document).click(function() {
if (!$("div.con").hasClass("hide")) {
$("div.con").addClass("hide");
}
});

$("div.con").click(function (e) {
e.stopPropagation();//阻止事件向上冒泡
});

});

click
show-area
关闭

点击弹出层外区域关闭弹出层jquery特效示例_jquery

推荐度：

点击下载本文 文档为doc格式

标签：点击弹出点击关闭

热门焦点

点击弹出层外区域关闭弹出层jquery特效示例_jquery

点击弹出层外区域关闭弹出层jquery特效示例_jquery

点击弹出层外区域关闭弹出层jquery特效示例_jquery

最新推荐

猜你喜欢

热门推荐