Javascript 父窗口中的登录窗口

我目前正在编写web应用程序，但我还是一个初学者，所以我不知道我所要求的确切术语

我希望我的登录窗口如下所示：

如果用户单击“登录”按钮，窗口将出现在用户当前查看的同一页面中，并且在用户关闭或登录之前不会消失。 类似于twitter中的消息框

有没有一种方法可以在php或javascript中实现这一点？怎么做呢

• 我还不能发布图片：(

---

您可以使用jQuery对话框创建一个登录对话框，在该对话框中向用户询问其凭据

但是，是的，它可以用javascript创建

看看jQueryUI

---

这是一个简单的想法。显然，您可以随意使用功能和样式。这只是一个快速指南

$('#loginButton').click(function(){
    $('body').append('<div id="overlay"></div><div id="login"><form><h1>Your form</h1></form></div>');
    $('#login,#overlay').hide().fadeIn();
});

---

谢谢，这正是我需要的！

#overlay{
    positon:fixed;
    top:0;
    left:0;
    width:100%;
    min-width:100%;
    height:100%;
    min-height:100%;
    content:"";
    z-index:1001;
    background:#000000;//for ie add an opacity
    background:rgba(0,0,0,0.8);
}
#login{
    background:#FFFFFF;
    border-radius:8px;
    position:fixed;
    top:40%;
    max-height:60%;
    width:auto;
    min-width:20%;
    margin:0% 40%;
    z-index:1002;
    box-shadow:0px 0px 5px #333333;
}