div 的显示和隐藏

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head runat="server">
  3.     <title>无标题页</title>
  4.     <script language="javascript" type="text/javascript">
  5.         function displaylist() {
  6.               if(div2.style.display=="none") {
  7.                          div2.style.display="";
  8.               } else {
  9.                          div2.style.display="none";
  10.                 }
  11.         }
  12.     </script>
  13. </head>
  14. <body>
  15.     <form id="form1" runat="server">
  16.         <div>
  17.             <div id="div1" style="width: 150px">
  18.                 <asp:TextBox ID="TextBox1" onkeyup="displaylist()" runat="server" Width="250px"></asp:TextBox></div>
  19.             <div id="div2" visible="false" style="width: 255px; height: 200px; background-color: Yellow;
  20.                 display: none">这里可以放内容</div>
  21.         </div>
  22.     </form>
  23. </body>
  24. </html>
 

你可能感兴趣的:(div 的显示和隐藏)