求关于层的应用有关代码

下面的代码放到你的页面<body>里就行了
<input type="button" name="Button" value="Button" onClick="lansa.style.display='block'">
<div id="lansa" style="display:none;width:200px;height:200px;border:1px solid #cccccc;padding:50px">
  <form name="form1" method="post" action="">
    <input name="Reset" type="reset" value="Reset" onClick="lansa.style.display='none'">
  </form>
</div>

解决方案 »

  1.   

    如果在BODY的后面加多几个元素，那样点击BUTTON以后网页就变形拉，请问如何控制使得页面不会变形呢？
      

  2.   

    <input type="button" name="Button" value="Button" onClick="lansa.style.display='block'">
    <div id="lansa" style="position:absolute; display:none;left:342px; top:227px; width:303px; height:150px; z-index:1">
      <form name="form1" method="post" action="">
        <input name="Reset" type="reset" value="Reset" onClick="lansa.style.display='none'">
      </form>
    </div>
      

  3.   

    要拖动你这问题就复杂了!建议你到Blueidea.com去看看了
      

  4.   

    <HTML>
    <HEAD>
      <TITLE> Drag Div </TITLE>
    <script language = "JavaScript" >
    <!--
      var dragon=false;
      function dragEvnt()
      {
         if (dragon)
         {
            var WIN=window.event;
            var EL=document.all["lansa"].style;
            EL.top=WIN.y-10;
            EL.left=WIN.x-10;
         }
      }
    //-->
    </script>
    </HEAD>
    <BODY onMouseMove="dragEvnt()">
    <BR><BR><BR>
    <input type="button" name="Button" value="Button" onClick="lansa.style.display='block'">
    <div id="lansa" onmousedown="dragon=true" onmouseup="dragon=false;" style="position:absolute; display:none;left:342px; top:227px; width:303px; height:150px; z-index:1;background-color:#3399CC">
      <form name="form1" method="post" action="">
        <input name="Reset" type="reset" value="Reset" onClick="lansa.style.display='none'">
      </form>
    </div></BODY>
    </HTML>