如何做出同windows登陆时的窗口一样的效果，可以随意拖动

http://www.webreference.com/dhtml/column7/crossCode.html

解决方案 »

  1.   

    这就是你需要的效果：（查看其源代码就行了！）
    http://211.101.248.14/51windows/asp/login.asp
      

  2.   

    http://211.101.248.14/51windows/asp/login.asp的核心代码<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta http-equiv="keywords" content="windows,javascript,51windows,海娃,南华, charset=gb2312">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>::无忧视窗::http://www.51windows.com::</title>
    <STYLE TYPE="text/css">
    body{font-family:MS Shell Dlg,宋体,Tahoma;font-size:12px;background-color:#396DA5}
    td,div,input,textarea{font-family:MS Shell Dlg,宋体,Tahoma;font-size:12px;cursor:default}
    .title{ background-color: #000080;padding:1;color:#FFFFFF}
    .up          { background-color: #94B2AD; border: 2px outset #D8E2E0 }
    </STYLE>
    <SCRIPT>
    var Mouse_Obj="none";
    var pX
    var pY
    document.onmousemove=D_NewMouseMove;
    function m(c_Obj){
    Mouse_Obj=c_Obj;
    pX=parseInt(document.all(Mouse_Obj).style.left)-event.x;
    pY=parseInt(document.all(Mouse_Obj).style.top)-event.y; 
    }
    function D_NewMouseMove(){
    if(Mouse_Obj!="none"){
    document.all(Mouse_Obj).style.left=pX+event.x;
    document.all(Mouse_Obj).style.top=pY+event.y;
    event.returnValue=false;
    }
    }function D_NewMouseUp(){
    Mouse_Obj="none";
    }
    document.onmouseup=D_NewMouseUp;
    function sh(c_Str)
    {if(document.all(c_Str).style.display=='none')
    {document.all(c_Str).style.display='block';
    document.all.o.innerHTML="选项<<.."}
    else{document.all(c_Str).style.display='none';
    document.all.o.innerHTML="选项>>.."}}
    </SCRIPT>
    </head><body bgcolor="#396da5" onselectstart="return false" scroll="no" topmargin="0" leftmargin="0">
    <div align="center">
      <center>
      <table id=log style='position:absolute;top:expression((screen.height-330)/2);left:expression((screen.width-330)/2)' border="0" cellpadding="0" cellspacing="0" width="369" class="up">
        <tr>
          <td class="title" height="16" width="355" onmousedown='m("log")' style="padding:2">登陆到51windows.com</td>
        </tr>
        <tr>
          <td style="padding-left: 10; padding-right: 2; padding-top: 2; padding-bottom: 2" height="84" width="351">
             <form>
              <div align="center">
                <center>
                <table width="320">
                  <tr>
                    <td width="312" height="55" colspan="2"><font color="#000000">用户：</font><input type="text" name="loginname" size="20"><font color="#000000"><br>
                      密码：</font><input type="password" name="loginpassword" size="20" ></td>
                  </tr>
                  <tr>
                    <td height="21" width="174">
                      <p align="left"><input type=submit value=登陆 name=ok style="font-family: 宋体; font-size: 12px;height:21">
                      </p>
                    </td>
                    <td height="21" width="136">
                      <p align="center"><button id=o style="font-family: 宋体; font-size: 12px;height:21" onclick=sh("more")>选项&gt;&gt;..</button></p>
                    </td>
                  </tr>
                      </form>
                </table>
                </center>
              </div>
            </td>
          </tr>
          <tr>
            <td width="363">
              <div align="center">
                <table id="more" style="display:none" border="0" cellpadding="0" cellspacing="0" width="320" height="27">
                  <tr>
                    <td width="80" height="27"><input type="checkbox" name="rempass" class="stedit" value="ON">记住密码</td>
                    <td width="80" height="27">
                      <p align="center"><input onclick="alert('未完成')" type="button" value="注册" name="B3" style="font-family: 宋体; font-size: 12px;height:21"></p>
                    </td>
                    <td width="80" height="27">
                      <p align="center"><input onclick=location.href="desktop.asp" type="button" value="取消" style="font-family: 宋体; font-size: 12px;height:21"></td>
                    <td width="80" height="27">
                      <p align="center"><input onclick="alert('未完成')" type="button" value="忘记密码" name="B3" style="font-family: 宋体; font-size: 12px;height:21"></p>
                    </td>
                  </tr>
                </table>
              </div>
            </td>
          </tr>
        </table>
      </center>
      </div>
    </body>
    </html>
      

  3.   

    多谢各位了，给分！
    To:jnkc(江南昆虫) 
    小弟如有不明的的地方还望多多指教