层的隐藏问题求助

我把一个iframe框架放在了一个层里,现在我希望在框架外点下鼠标就实现层的隐藏,请问我该如何操作?
据说ajax可以实现,不过我对这个不太熟,还请高手详细讲讲,感激不尽!

解决方案 »

  1.   

    document.onclick = function(){
            层.style.display = "none";
    }
      

  2.   

    解决了,我用的方法跟楼上的类似,采用一个全局变量来判断鼠标是否移出了层,用JS控制层的显示,调用linkbutton的click事件来执行后台代码来控制iframe的显示.
    function tempclick1(cid)
    {
      document.getElementById("<%=hiddenpaper.ClientID%>").value=cid;   
    document.getElementById("<%=linkbutton1.ClientID%>").click();}function closediv1(){
        document.getElementById('show1').style.display="none";}
    var out1 = true;function checkdiv(evt){
        var obj = evt.srcElement ? evt.srcElement : evt.target;
        if(out1==1){
            closediv1();
        }
    }
    <body onclick=checkdiv(event)><asp:LinkButton ID="linkbutton1"  OnClick="show11" runat="server"/>
    <div onmouseover="out1 = false;" onmouseout="out1 = true;"  style="position:absolute;width:600;height:160;z-index:100" id="show1" ><iframe runat="server" id="iframe1" visible="false" src="\UserContorls\class1.aspx" style="width:600px; height:160px"></iframe></div>
    </body>
      

  3.   

    层的显示只要在后台将iframe置为true即可:
        protected void show11(object sender, EventArgs e)
        {
            iframe1.Attributes.Add("src", @"\UserContorls\class1.aspx?cid=" + hiddenpaper.Value);
            iframe1.Visible = true;
        }