点击弹出层 ,点击弹出层外区域关闭弹出层,点击关闭关闭弹出层jquery特效
2013-08-15 17:10
260 查看
点击弹出层外区域关闭弹出层jquery特效,废话不说,上代码,简洁明了:
<html> <head> <style> .hide{display:none;} .con{width:500px;height:300px;background:#000;} </style> <title>点击弹出层 ,点击弹出层外区域关闭弹出层jquery特效</title> <script type="text/javascript" src="http://jt.875.cn/js/jquery.js"></script> <script type="text/javascript"> $(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();//阻止事件向上冒泡 }); }); </script> </head> <body> <div class="down">click</div> <div class="con hide">show-area <a style="color:#fff;">关闭</a> </div> </body> </html>
相关文章推荐
- 鼠标点击弹出层区域外关闭层
- 点击弹出层外区域关闭弹出层jquery特效代码
- 菜单弹出后点击其他区域则关闭菜单的方法
- 点击弹出层外区域关闭弹出层jquery特效示例
- 点击PopupWindow弹出窗口之外的区域关闭该窗口的方法
- 弹出DIV,点击其它区域让DIV关闭
- javascript点击空白位置关闭弹出层/点击包含指定区域但不属于指定区域的部分响应点击事件
- 点击窗口之外的区域将弹出窗口关闭
- JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
- 点击弹出层外区域关闭弹出层jquery特效示例
- jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
- 浅谈利用遮罩实现点击某区域以外时弹窗的弹出与关闭
- boostrap 弹出模态对话框,点击黑色区域不会关闭
- Js点击文字弹出层,点击层以外区域关闭层
- jQuery实现点击按钮弹出一个div,点击其他区域关闭该div
- [Selenium]通过Selenium实现在当前浏览器窗口点击一个图标之后,弹出另外一个窗口,关闭这个窗口,再回到原来的窗口进行操作
- CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
- 点击div层之外的其他地方关闭弹出层
- C#调用迅雷的时候 自动模拟点击”下载按钮” 关闭弹出窗口
- 点击弹出div层带遮罩可拖动和关闭层