всплывающее окно в javascript / css / jQuery ...?

Question

Если вы зайдете на digg.com и нажмете кнопку входа в систему, появится всплывающее окно с информацией о пользователях и т. Д.

Мне интересно, как лучше всего это сделать?делая это?Мой сайт написан на RoR, и у меня есть некоторые элементы JavaScript.Когда я пытаюсь найти всплывающее окно javascript, я получаю только window.open (...), но ничего о том, как настроить это «мягкое всплывающее окно»

Есть идеи о том, как это закодировано?Спасибо!

Как я уже сказал, хотя это может показаться глупым вопросом, я понятия не имею, что искать (каждый поиск всплывающего окна javascript приводит к появлению всплывающего окна ACTUAL, а не к этому плавному исчезновению всплывающих окон)

Answer 1

может быть, вы также хотите попробовать это библиотека . Также JQuery основан на очень простом коде. Всплывающее окно, необычный ящик, лайтбокс или все, что вы называете, будет отображаться / исчезать с анимацией, перетаскиванием и поддержкой нескольких окон на основной странице

Answer 2

Думаю, вам захочется взглянуть на диалоговое окно jQuery . Он имеет почти все функции, которые вы запрашиваете.

Answer 3

Для этого есть несколько имен.Всплывающее окно - это обычное окно JavaScript, которое «всплывает» и обычно имеет меньшие размеры.Вы будете иногда замечать, когда вы нажимаете на сайты, один из которых может открываться за вашей текущей страницей и показывать рекламу

То, что вы ищете, обычно называют модальным или диалоговым окном.Если вы используете jQuery, то для этого есть несколько плагинов.Я считаю, что colorbox является последним и лучше всего поддерживается.http://colorpowered.com/colorbox/

Если вы не используете jQuery, это не намного сложнее.Идея, стоящая за этой практикой, заключается в размещении HTML-элемента поверх вашего текущего пользовательского интерфейса.Как вы видите на digg.com, они помещают так называемый оверлей поверх своего интерфейса.Вы позиционируете свой бокс, используя

position:absolute;

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

Answer 4

Термин «лайтбокс». Вот что мне нравится: Fancybox . Вы можете поместить в всплывающее окно все, что угодно, включая форму.