如何實現這種JavaScript效果？

Question

在此網站上：當用戶單擊頂部欄上的“立即注冊”時，屏幕變暗，並出現一個框，其中提供帶有Recaptcha的注冊表格。 我在我的網站上有一個帶有Recaptcha的注冊表格，並希望復制上面看到的效果。

誰能將我鏈接到提供說明的特定教程，或者為我提供代碼？

我是JavaScript新手。

謝謝你能幫助我。

Answer 1

看一下jQuery 效果 ，以防您以前沒有聽說過jQuery， 這里有一個不錯的介紹。

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

Answer 2

您所談論的效果通常被描述為“燈箱”-基於最早的實現之一（據我所記得）。 在Wikipedia上查看此頁面並查看-模態對話框實現可能就是您在說的。

我敢肯定，某些​​標准框架（如jQuery和MooTools）都可以 （直接或通過插件）實現此功能。

Answer 3

有幾個不錯的插件。 如果您使用jQuery，則可以檢查Thickbox ，甚至jQuery UI對話框也可能足以滿足您的需求。