如何实现这个javascript效果？

Question

在这个网站上：当用户点击顶部栏中的“立即注册”时，屏幕变暗，并出现一个框，提供带有recaptcha的注册表单。我有一个注册表格，在我的网站上有recaptcha工作，并希望复制上面看到的效果。

有人可以将我链接到提供说明的特定教程，或者为我提供代码吗？

我是新手javascript程序员。

谢谢，如果你能帮助我。

Answer 1

看看jQuery effects，如果你以前没有听说过jQuery，here是一个很好的介绍。

$('#register').click(function() {
  $('#topBar').fadeOut('slow', function() {
    // Some Code
  });
});

Answer 2

您所谈论的效果通常被描述为“灯箱” - 基于最早的实现之一（根据我的记忆）。查看this page on wikipedia并查看 - 模式对话框实现可能正是您所说的。

我很确定像jQuery和MooTools这样的标准框架实现了这一点（直接或通过插件）。

Answer 3

有几个很好的插件。如果你使用jQuery，你可以检查Thickbox甚至jQuery UI Dialog应该足以满足你的需要。