我是新手,没事玩家

网页代码很简单： 
<html>
<body>
  <div id='d1'>
    .........   //这个div的一些内容, 不列出来了.
  <div>
</body>
</html><scritp language='javascript'>
  ......   //这里要怎么写, 才能实现: 在网页任意地方点击一下(不包括上上面那个div的区域), 
  ......   //就把 上面的div隐藏起来呢? 
</scritp>

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
    <HTML>
    <HEAD>
    <title>WebForm2</title>
    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" Content="C#">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <script language=javascript>
    ie4=(document.all)?true:false;
    ns4=(document.layers)?true:false;
    function toExit(){
    var args=toExit.arguments;
    var visible=args[0];
    if(ns4){
      theObj=eval("document.layers[\'"+args[1]+"\']");
      if(theObj)theObj.visibility=visible;
      }
    else if(ie4){
      if(visible=='show')visible='visible';
      if(visible=='hide')visible='hidden';
      theObj=eval("document.all[\'"+args[1]+"\']");
      if(theObj)theObj.style.visibility=visible;
      }
    }
         
    </script>
    </HEAD>
    <body MS_POSITIONING="GridLayout" onclick="toExit('show','boysoft')">
    <form id="Form1" method="post" runat="server">
    <div id=boysoft 
    style="HEIGHT: 80px; LEFT: 309px; POSITION: absolute; TOP: 150px; VISIBILITY: hidden; WIDTH: 180px; Z-INDEX: 1"> 
                        <table bgcolor=#666666 border=1 cellpadding=0 cellspacing=0 height=80 
      width=180>
                          <tbody> 
                          <tr> 
                            <td height=65 width="100%"> 
                              <table border=0 cellpadding=0 cellspacing=0 height=80 width="99%">
                                <tbody> 
                                <tr> 
                                  <td height=57>&nbsp;<font 
                color=#ffffff>你看，这是一个隐藏的层，不过现在你可以看到了。<b></b></font></td>
                                </tr>
                                <tr align="center"> 
                                  <td height=23 width="100%"><a 
                href="javascript:parent.close();"> &nbsp;&nbsp;&nbsp; </a><a 
                href="javascript:toExit('hide','boysoft')">关闭此窗口</a></td>
                                </tr>
                                </tbody> 
                              </table>
                            </td>
                          </tr>
                          </tbody> 
                        </table>
                      </div>
    </form>
    </body>
    </HTML>