点击弹出层外区域关闭弹出层jquery特效代码
2013-08-26 14:31
429 查看
点击弹出层外区域关闭弹出层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> //unity3d破解http://www.unitymanual.com <body> <div class="down">click</div> <div class="con hide">show-area <a style="color:#fff;">关闭</a> </div> </body> </html>
相关文章推荐
- jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】
- jQuery实现点击按钮弹出一个div,点击其他区域关闭该div
- 15款jQuery点击弹出对话框特效代码
- jquery实现的弹出层登录和全屏层注册特效代码分享
- jquery实现的弹出层登录和全屏层注册特效代码分享
- 点击弹出层 ,点击弹出层外区域关闭弹出层,点击关闭关闭弹出层jquery特效
- jQuery 右下角滑动弹出可关闭重现层完整代码
- 弹出DIV,点击其它区域让DIV关闭
- JQuery弹出层,点击按钮后弹出遮罩层,有关闭按钮
- 基于jQuery实现点击弹出层实例代码
- js 点击页面其他地方关闭弹出层(示例代码)
- jQuery弹出层_点击自身以外地方关闭弹出层
- Js点击文字弹出层,点击层以外区域关闭层
- jQuery实现右下角滑动弹出可关闭重现层完整代码
- 点击不在这个区域部分,div消失,jquery代码 - hiding an element on click of anything else on the page
- boostrap 弹出模态对话框,点击黑色区域不会关闭
- jQuery点击空白关闭弹出层
- Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
- JQuery弹出层,点击按钮后弹出遮罩层,有关闭按钮