Javascript JQuery注册表单onclick弹出窗口

我试图在点击链接时弹出一个JavaScriptjQuery注册表单

我有一个按钮：

<a href="#" class="cta">REGISTER NOW</a>

我试图让它弹出一个简单的html注册表单，我可以将它存储在一个隐藏的注册分区中。例如：

<div name="reg" style="visibility:hidden;">reg form</div>

reg表单

我只需要简单的登记表（只有全名和电子邮件）弹出（居中和移动响应）时，该按钮是链接

我能得到任何帮助吗？非常感谢。 我试过jquerydialog和几乎所有在谷歌上找到的东西，但它似乎不起作用。

---

谢谢。

假设您有一个名为register的div，您需要添加它，它将如下所示：

 <script> 
    $(".cta").click(function() {
        $("#register").css("hidden", false)
     })
 </script>

$('.cta').click(function() {
    $('div[name="reg"]').css('visibility', 'visible');
})

$（“.cta”）。单击（函数（）{
$（“#寄存器”）.css（“隐藏”，false）
})

您应该在register div上使用类或id，但您可以这样显示表单：

 <script> 
    $(".cta").click(function() {
        $("#register").css("hidden", false)
     })
 </script>

$('.cta').click(function() {
    $('div[name="reg"]').css('visibility', 'visible');
})

一旦给div一个合适的class/id，就可以用

.class

或

#id

替换

div[name=“reg”]

。此外，jQuery还有几个内置函数用于隐藏和显示元素。要使用这些，您需要更改

可见性：隐藏带
显示：无。然后，在我上面介绍的代码中，将
.css（…）
替换为以下内容之一：


.show（）
立即生效，与将显示属性更改为
块
相同。要再次删除，请使用
.hide（）
顾名思义，
.fadeIn（）
，更像是一种逐渐褪色的效果。与
.fadeOut（）相反

slideDown（）
类似于“手风琴”效果，元素从0高度开始“增长”。与
.slideUp（）相反


您还可以分别使用
.toggle（）
、
.fadeToggle（）
或
滑动切换（）
，在显示和隐藏元素之间切换

我创建此工具是为了演示这些效果。
正如Mihailo所建议的，您可以使用引导模式使其具有响应性（移动、平板电脑和PC）


另外，请在下面找到相应的JSFIDLE：

希望这有帮助
 你熟悉吗？不太熟悉……这是解决你问题的最佳方法。如果你有时间，你一定要看看bootstrap和它的各种组件。谢谢你的回复，我已经通过bootstrap模式做到了这一点。