怎样做到和原页面融为一体的小新窗口呢?

就是显示一个层，修改窗口层原来是none，调用 的时候就是dispaly，这样就效果就出来了

解决方案 »

  1.   

    <!--简单的例子--><html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>简单的例子</title>
    <style type="text/css">
    <!--
    #Layer1 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    background-color: #CCCCCC;
    left: 271px;
    top: 76px;
    }
    -->
    </style><script language="javascript"><!--
    var MSG_LOCKED=true
    document.onmousedown=function(){
    if (MSG_LOCKED){
    alert('小窗口事件未处理!')
    return false
    }
    }
    document.onselectstart=function(){
    if (MSG_LOCKED){
    alert('小窗口事件未处理!')
    return false
    }
    }
    // document.更多事件 = function(){  //... }function mmOver(){
    MSG_LOCKED=false
    }
    function mmOut(){
    MSG_LOCKED=true
    }
    function hiddenMe(){
    MSG_LOCKED=false
    Layer1.style.display='none'
    }
    -->
    </script>
    </head><body>简单的例子
    <div id="Layer1" onMouseOver="mmOver()" onMouseOut="mmOut()">
      <table width="100%" border="0" cellpadding="2" cellspacing="0" bgcolor="#CCCCCC">
        <tr>
          <td>小窗口 </td>
          <td width="14" align="right" onClick="hiddenMe()">×</td>
        </tr>
      </table>
    </div>
    </body>
    </html>
      

  2.   

    window.showModalDialog() (模态窗口)
    用这个打开的窗口他一直处于最前端,只有把他关闭才能点后面的窗口