如何实现这个javascript效果？

Question

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

任何人都可以链接到一个特定的教程提供说明或替代我的代码？

我是新手JavaScript程序员。

谢谢，如果你能帮助我。

Answer 1

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

Answer 2

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

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

Answer 3

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

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