javascript实现div的显示和隐藏的小例子

  

复制代码 代码如下:

  <html>

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

  <title>oec2003</title>

  <script language="JavaScript" type="text/JavaScript">

  <!--

  function toggle(targetid){

  if (document.getElementById){

  target=document.getElementById(targetid);

  if (target.style.display=="block"){

  target.style.display="none";

  } else {

  target.style.display="block";

  }

  }

  }

  -->

  </script>

  <style type="text/css">

  <!--

  #div1{

  background-color:#000000;

  height:400px;

  width:400px;

  display:none;

  }

  -->

  </style>

  </head>

  <body>

  <input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" />

  <center>

  <div id="div1"></div></center>

  居中的DIV

  </body>

  </html>