div弹出层自动关闭问题

做了一个DIV弹出层，可是弹出层弹出后会自动关闭，我现在这个弹出层页面有一个ajax，会不会是因为这个原因呢，把ajax的刷新时间改到很大，但是弹出层还是会闪一下就没，网上找了半天，也没弄明白原因。。
<body>
<div id="container">
  <div id="header"></div>
  <div id="menu"></div>
  <div id="mainContent">
    <div id="sidebar">
<table width=100%>
<tr>
<td  width=100% align="center">hilive </td>
</tr>
</table>
</div>
    <div id="sidebar2"></div>
    <div id="content">neirong
<TABLE cellspacing=0 border=0 bgcolor=#f5f9fa width=100% ><TR><TD WIDTH=100 ALIGN=RIGHT VALIGN=bottom></TD>
<TD><center><br><font size=-1 color=green>作者：<a href="/browse/Listwriter.asp?vid=66546931&vwriter=" target=_blank></a>
<span name="ad_logo_userid_66546931" value="66546931"></span>
回复日期：</font></center></TD><TD WIDTH=100 ALIGN=RIGHT VALIGN=bottom>&nbsp;</TD></TR>
</table>
<div id="msgBox">
    <form  method=post action="pinglun.php" id="hello">
        <h2>说说你的看法</h2>
        <div>
            <input id="userName" name="mingzi" class="f-text" value="" />
           <input id="pinglunid" name="pinglunid"  value="sss" type="hidden">
            <p id="face"><img src="img/face1.gif" class="current" /><img src="img/face2.gif" /><img src="img/face3.gif" /><img src="img/face4.gif" /><img src="img/face5.gif" /><img src="img/face6.gif" /><img src="img/face7.gif" /><img src="img/face8.gif" /></p>
        </div>
        <div><textarea  name="txt" id="conBox" class="f-text"></textarea></div>
        <div class="tr">
            <p>
                <span class="countTxt"></span><strong class="maxNum">140</strong><span></span>

                <input id="sendBtn" type="submit" value="发表" title="快捷键 Ctrl+Enter" />

            </p>
        </div>
    </form>
    <div class="list">
        <h3><span>回复区</span></h3>
        <ul>
     <form>
 
 
<script type="text/javascript">function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","pinglunchu.php?id=sss",true);
xmlhttp.send();
}
setInterval("loadXMLDoc()",10000000);
</script></form>
<div id="myDiv"></div>        </ul>
    </div>
</div></div>
  </div>
  <div id="footer"><span style="display:none"><script language="javascript" type="text/javascript" src="http://js.users.51.la/1967272.js"></script></span></div>
</div> <div id="alert">
 <form action="1.php" method="post">
 <h4><span>现在注册</span><span id="close">关闭</span></h4>
  <p><label> 用户名</label><input type="text" name="use"  class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
  <p><label> 密　码</label><input type="password" name="password" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
  <p><input type="submit" value="注册" class="sub" /><input type="reset" value="重置" class="sub" /></p>
  </form>
  </div>
<div id="mysDiv">156</div><script type="text/javascript">
    var myAlert = document.getElementById("alert");
    var reg = document.getElementById("sendBtn");
    var mClose = document.getElementById("close");

     var n=document.getElementById("mysDiv").innerText;
     document.write(n);
      if(n==156)
    {
      reg.onclick = function(){
     myAlert.style.display = "block";
     myAlert.style.position = "absolute";
         myAlert.style.top = "50%";
         myAlert.style.left = "50%";
         myAlert.style.marginTop = "-75px";
         myAlert.style.marginLeft = "-150px";          mybg = document.createElement("div");
         mybg.setAttribute("id", "mybg");
         mybg.style.background = "#000";
         mybg.style.width = "100%";
         mybg.style.height = "100%";
         mybg.style.position = "absolute";
         mybg.style.top = "0";
         mybg.style.left = "0";
         mybg.style.zIndex = "500";
         mybg.style.opacity = "0.3";
         mybg.style.filter = "Alpha(opacity=30)";
         document.body.appendChild(mybg);
         document.body.style.overflow = "hidden";
      }
  document.getElementById("hello").action="";
     }
     else
     {
     //document.getElementById("myDiv").style.display="none";
     return flase;

      }
     mClose.onclick = function() {
         myAlert.style.display = "none";
         mybg.style.display = "none";
     }
</script>
</body>

解决方案 »

  1.   


    <body>
    <div id="container">
      <div id="header"></div>
      <div id="menu"></div>
      <div id="mainContent">
      <div id="sidebar">
    <table width=100%>
    <tr>
    <td width=100% align="center">hilive </td>
    </tr>
    </table>
    </div>
      <div id="sidebar2"></div>
      <div id="content">neirong
    <TABLE cellspacing=0 border=0 bgcolor=#f5f9fa width=100% ><TR><TD WIDTH=100 ALIGN=RIGHT VALIGN=bottom></TD>
    <TD><center><br><font size=-1 color=green>作者：<a href="/browse/Listwriter.asp?vid=66546931&vwriter=" target=_blank></a>
    <span name="ad_logo_userid_66546931" value="66546931"></span>
    回复日期：</font></center></TD><TD WIDTH=100 ALIGN=RIGHT VALIGN=bottom>&nbsp;</TD></TR>
    </table>
    <div id="msgBox">
      <form method=post action="pinglun.php" id="hello">
      <h2>说说你的看法</h2>
      <div>
      <input id="userName" name="mingzi" class="f-text" value="" />
      <input id="pinglunid" name="pinglunid" value="sss" type="hidden">
      <p id="face"><img src="img/face1.gif" class="current" /><img src="img/face2.gif" /><img src="img/face3.gif" /><img src="img/face4.gif" /><img src="img/face5.gif" /><img src="img/face6.gif" /><img src="img/face7.gif" /><img src="img/face8.gif" /></p>
      </div>
      <div><textarea name="txt" id="conBox" class="f-text"></textarea></div>
      <div class="tr">
      <p>
      <span class="countTxt"></span><strong class="maxNum">140</strong><span></span>  <input id="sendBtn" type="submit" value="发表" title="快捷键 Ctrl+Enter" />  </p>
      </div>
      </form>
      <div class="list">
      <h3><span>回复区</span></h3>
      <ul>
      <form>
      
      
    <script type="text/javascript">function loadXMLDoc()
    {
    var xmlhttp;
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
      {
      document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
      }
      }
    xmlhttp.open("GET","pinglunchu.php?id=sss",true);
    xmlhttp.send();
    }
    setInterval("loadXMLDoc()",10000000);
    </script></form>
    <div id="myDiv"></div>  </ul>
      </div>
    </div></div>
      </div>
      <div id="footer"><span style="display:none"><script language="javascript" type="text/javascript" src="http://js.users.51.la/1967272.js"></script></span></div>
    </div> <div id="alert">
     <form action="1.php" method="post">
     <h4><span>现在注册</span><span id="close">关闭</span></h4>
      <p><label> 用户名</label><input type="text" name="use" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
      <p><label> 密　码</label><input type="password" name="password" class="myinp" onmouseover="this.style.border='1px solid #f60'" onfoucs="this.style.border='1px solid #f60'" onblur="this.style.border='1px solid #ccc'" /></p>
      <p><input type="submit" value="注册" class="sub" /><input type="reset" value="重置" class="sub" /></p>
      </form>
      </div>
    <div id="mysDiv">156</div><script type="text/javascript">
    var myAlert = document.getElementById("alert");
    var reg = document.getElementById("sendBtn");
    var mClose = document.getElementById("close");var n=document.getElementById("mysDiv").innerText;
    document.write(n);
    if(n==156)
    {
    reg.onclick = function(){
    myAlert.style.display = "block";
    myAlert.style.position = "absolute";
    myAlert.style.top = "50%";
    myAlert.style.left = "50%";
    myAlert.style.marginTop = "-75px";
    myAlert.style.marginLeft = "-150px";mybg = document.createElement("div");
    mybg.setAttribute("id", "mybg");
    mybg.style.background = "#000";
    mybg.style.width = "100%";
    mybg.style.height = "100%";
    mybg.style.position = "absolute";
    mybg.style.top = "0";
    mybg.style.left = "0";
    mybg.style.zIndex = "500";
    mybg.style.opacity = "0.3";
    mybg.style.filter = "Alpha(opacity=30)";
    document.body.appendChild(mybg);
    document.body.style.overflow = "hidden";
    }
    document.getElementById("hello").action="";
    }
    else
    {
    //document.getElementById("myDiv").style.display="none";
    return flase;}
    mClose.onclick = function() {
    myAlert.style.display = "none";
    mybg.style.display = "none";
    }
    </script>
    </body>
      

  2.   

    最近也刚做了一个类似的，我是通过onmouseover事件触发执行ajax获取并相关数据，把数据显示在弹出的div层上，之后通过onmouseout事件关闭这个div效果不错