点按钮弹开一个层，点别的地方关掉这个层，怎么做？

在body上绑定click事件隐藏弹出的层  记得其他元素不要阻止冒泡

解决方案 »

  1.   

    $('body').click(function () {
                    $('.Intro').hide();
                })我这样写了以后，那个层就没办法显示了
      

  2.   

    Frame 父窗体可以操纵子窗体，子窗体可以操纵父窗体，设置下弹出层的大小，当点击窗体范围之外的时候隐藏
      

  3.   

    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="jquery-1.9.0.js"></script>
    <script>
    $(function(){
    $("body").click(function(e){
       $("#div").hide();
        });
    $("#btn").click(function(e){
    $("#div").show();
    e.stopPropagation(); //这是阻止事件冒泡和用return false一个效果
        });
    $("#div").click(function(e){
    e.stopPropagation(); //这是阻止事件冒泡和用return false一个效果
    });
    })
    </script>
    </head>
    <body style="width:2000px; height:2000px;">
    <input type="button" value="显示" id="btn" />
    <div id="div" style="width:500px; height:300px; border:#F00 1px solid; display:none;"></div>
    </body>
    </html>
      

  4.   

    去看一下事件委托吧。
    给body绑定click事件，当判断触发事件的当前元素（目标元素）不是弹出层的话执行hide即可