求点击按钮弹出比较美观的页面窗口代码

求点击按钮弹出比较美观的页面窗口代码。。

解决方案 »

  1.   

    ext js 比较不错，推荐使用。
      

  2.   

    对啊,要界面效果,用Extjs就行了,华丽到不行...
      

  3.   


    <html>
    <body>
    <div id="dd" style="position:absolute;top:200;left:300;display:none;width:80px;height:60px;z-index:100;background:white;">
    <table cellspacing="0" cellpadding="0" width="420" align="center" border="0">
     
              <tr>
                <td height="25">管理员帐号</td>
                <td height="25"><input id="username" style="FONT-SIZE: 9pt; WIDTH: 120px; COLOR: black" maxlength="18" name="username" /></td>
                <td height="25"><input id="Button1" type="submit" value="管理登陆" name="Button1" /></td>
              </tr>
              <tr>
                <td height="25">管理员密码</td>
                <td height="25"><input id="userpwd" style="FONT-SIZE: 9pt; WIDTH: 120px; COLOR: black" type="password"  maxlength="18" name="userpwd" /> <input name="action" type="hidden" id="action" value="login" /></td>
                <td height="25"><input type="reset" name="Submit" value="清除再来" /></td>
              </tr>
              
    </table></div>
    <div id="d" style="position:absolute;top:0;left:0;width:800px;height:600px;filter:alpha(opacity=50);background:gray;display:none;z-index:88"> 
    </div><input type="button" value="sdfsdfsdf" onclick="add()"/>
    <script>
    var divh=0,divw=0;
    var num;
    function add()
    {
    document.getElementById("d").style.display="";
    document.getElementById("dd").style.display="";
    var w=document.body.scrollWidth;var h=document.body.scrollHeight;
    document.getElementById("d").style.width=w;
    document.getElementById("d").style.height=h;num=setInterval("divchange()",10);
    }function divchange(){divh+=4;divw+=10;
    if(divh<200)
    {
    document.getElementById("dd").style.height=divh;
    document.getElementById("dd").style.width=divw;
    document.getElementById("dd").style.top=300-divh/2;
    document.getElementById("dd").style.left=500-divw/2;
    }
    elseclearInterval(num);
    }
    </script>    </body>
    </html>