Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 单击“注册”时,如何在当前页面上设置注册框?_Javascript_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 单击“注册”时,如何在当前页面上设置注册框?

Javascript 单击“注册”时,如何在当前页面上设置注册框?,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我想知道当最终用户没有帐户并且想要通过点击“注册”来注册时,如何在我的索引页面中心获得“注册”框(覆盖)?在完成注册表格后,它应该保持在同一页上 我想我知道如何做后一个,但第一个我不完全知道 我所需要的只是一些方向或线索,有了这些,我可以自己找出答案。 我希望它看起来像这样: 我是说。。我是否为注册元素指定了一个特定的id,并将该id与JS一起使用,然后告诉页面使用“#”,以便JS可以在同一页面上运行?以下是您要查找的内容。如果你点击这个按钮,你会得到一个带有覆盖的弹出表单。而且,如果单击覆盖

我想知道当最终用户没有帐户并且想要通过点击“注册”来注册时,如何在我的索引页面中心获得“注册”框(覆盖)?在完成注册表格后,它应该保持在同一页上

我想我知道如何做后一个,但第一个我不完全知道

我所需要的只是一些方向或线索,有了这些,我可以自己找出答案。

我希望它看起来像这样:


我是说。。我是否为注册元素指定了一个特定的id,并将该id与JS一起使用,然后告诉页面使用“#”,以便JS可以在同一页面上运行?

以下是您要查找的内容。如果你点击这个按钮,你会得到一个带有覆盖的弹出表单。而且,如果单击覆盖,它将隐藏。我已经为你完成了大部分工作!现在你只需要完成它!:)

$(“#注册”)。单击(函数(){
var target=$(this.attr('href');
$(目标)。快速切换('fast');
});
$(“#注册弹出窗口”)。单击(函数(){
$(this.fadeOut('fast');
});
。注册{
边框:1px纯黑;
填充:10px 40px;
边缘顶部:10px;
显示:内联块;
}
.弹出式覆盖{
显示:无;
位置:绝对位置;
排名:0;
左:0;
身高:100%;
宽度:100%;
背景色:rgba(0,0,0,0.5);
}
.注册表格{
背景色:#fff;
宽度:300px;
填充:40px;
保证金:0自动;
位置:相对位置;
最高:50%;
-莫兹变换:translatey(-50%);
-ms转换:translatey(-50%);
-o-变换:translatey(-50%);
-webkit转换:translatey(-50%);
转化:translatey(-50%);
}
.注册表单容器输入[type='text']{
显示:块;
框大小:边框框;
宽度:100%;
}

注册





JS正是我想要的!我很高兴你理解我的逻辑,非常感谢兄弟。