如何實現這個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這樣的標準框架實現了這個功能（直接或通過插件）。