我想实现点击一个按钮,弹出一个小框的功能(框里使用table来排版)。现在是先做两个层,默认为 display: none;点击一个按钮之后,display = 'block'。可是为什么弹出效果出不来呢?把代码贴一下:<head runat="server">
    <title></title>    <style type="text/css">
#div1 {
 display: none;
}
#div2 {
 display: none;
}
  </style>  <script type="text/javascript">
    function openme() {
            document.getElementById('div1').style.display = 'block';
            document.getElementById('div2').style.display = 'block';
            }   </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1" runat="server"></div>
    <div id="div2" runat="server" >
    <table width="30%" style="background-color:Red" >
    <tr>
    <td>testssss</td>
    </tr>
    </table>    </div>
    <div>
    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="openme()" />
    </div>
    
    </form>
</body>

解决方案 »

  1.   


    <html>
    <head >
        <title></title>
     
        <style type="text/css">
    #div1 {
     display: none;
    }
    #div2 {
     display: none;
    }
      </style>
     
      <script type="text/javascript">
        function openme() {
                document.getElementById('div1').style.display = 'block';
                document.getElementById('div2').style.display = 'block';
    return false;
                }
       </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="div1" runat="server"></div>
        <div id="div2" runat="server" >
        <table width="30%" style="background-color:Red" >
        <tr>
        <td>testssss</td>
        </tr>
        </table>
     
        </div>
        <div>
        <Button ID="Button1" Text="Button" type="button" onclick="openme()" />
        </div>
         
        </form>
    </body>
    </html>
      

  2.   

    按钮默认成submit 又重新刷新页面了。