Question

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

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

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

有没有办法在php或javascript中做到这一点？以及如何做到这一点？

我还不能发布图片:(

Answer 1

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

但是可以用javascript创建它。

查看jQuery UI

https://jqueryui.com/dialog/#modal-confirmation

Answer 2

这是一个简单的想法。显然，你可以使用功能和风格。这只是一个快速的指导原则。

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

CSS

#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;
}

父窗口中的登录窗口

2 个答案: