Как добиться этого эффекта JavaScript?

Question

На этом веб-сайте: когда пользователь нажимает кнопку «Зарегистрироваться сейчас» вдоль верхней панели, экран тускнеет, и появляется окно, предлагающее регистрационную форму со списком повторений.У меня есть форма регистрации с recaptcha, работающая на моем сайте, и я хотел бы скопировать эффект, описанный выше.

Может кто-нибудь связать меня с конкретными инструкциями, предлагающими инструкции, или предоставить мне код?* Я начинающий программист javascript.

Спасибо, если вы можете мне помочь.

Answer 1

Эффект, о котором вы говорите, обычно описывается как «лайтбокс» - на основе одной из самых ранних реализаций (из того, что я помню). Прочтите эту страницу в Википедии и посмотрите - может быть, вы говорите о реализации модального диалога.

Я уверен, что некоторые стандартные платформы, такие как jQuery и MooTools , реализуют это (напрямую или через плагины).

Answer 2

Для этого есть пара хороших плагинов.Если вы используете jQuery, вы можете проверить Thickbox и даже jQuery UI Dialog , вероятно, будет достаточно для того, что вы хотите.

Answer 3

Посмотрите на jQuery эффекты , если вы раньше не слышали о jQuery, здесь - хорошее введение.

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