Как получить этот эффект (не знаю, как он называется?!?!)

Question

Есть сайт с именем http://www.nomomon.com,, и когда пользователь входит в систему, появляется всплывающее окно с надписью «подключено к серверу», и добро пожаловать обратно и т. Д. ...

Чтобы увидеть, что я имею в виду, перейдите на сайт и войдите в систему с помощью адреса электронной почты lazycg@live.co.uk и пароля: pass

Вы поймете, что я имею в виду, я просто не знаю, как создать этот эффект, есть идеи?

Answer 1

Это модальное окно: http://en.wikipedia.org/wiki/Modal_window

Это живой пример, который вы можете использовать: http://jqueryui.com/demos/dialog/#modal-message

С некоторыми изменениями вы можете получить аналогичный эффект. Используйте более темный фон, сделайте несколько запросов AJAX, чтобы обновить отображаемое сообщение, затем перенаправьте пользователя.

Answer 2

Одно название для техники, о которой вы думаете, будет «лайтбокс». Есть много существующих сценариев для достижения такого эффекта. Быстрый поиск " JavaScript lightbox " вернет тысячи результатов.

Лично я склонен использовать jQuery UI Dialog , если я уже использую jQuery. Взгляните на модальный пример в документации по пользовательскому интерфейсу jQuery, чтобы найти нечто похожее на пример в вашем вопросе.

Answer 3

Эффект в jquery называется лайтбоксом.Тот, который используется на этом сайте, очень похож на FancyBox .Готов поспорить, что это модная коробка с индивидуальным скином.

Answer 4

Их код в http://www.nomomon.com/ui/login.js скрыт, но я бы подошел к этому с помощью такого инструмента, как xajax ... http://www.xajax -project.org ..., который может легко получить доступ к вызовуи PHP, и функции javascript / jQuery.Выполнение запроса MySQL, обновление DOM с помощью jQuery, выполнение другого запроса MySQL, повторное обновление DOM и т. Д.

Answer 5

Этот эффект называется лайтбоксом, его можно получить, просто установив полупрозрачное наложение на страницу, а поверх него - <div>, анимированный с помощью jQuery.Текст изменяется, вероятно, в соответствии с результатами вызова AJAX, и это все, что нужно сделать.

Answer 6

http://www.lokeshdhakar.com/projects/lightbox2/ или http://www.google.at/search?sourceid=chrome&ie=UTF-8&q=fancybox