Ajax Popup alert

Question

Мне нужна функциональность, аналогичная Stackoverflow, где в определенных случаях я хочу показать пользователю важную информацию, такую ​​как:

У вас есть 2 новых ответа и 1 новый комментарий. Смотрите ваши ответы.

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

Я хотел бы сделать это, используя jQuery, так как это моя любимая библиотека. Какие-нибудь учебники или примеры кода вы можете прислать мне?

Спасибо

Answer 1

Для этого вам нужно объединить две концепции:

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

s друг над другом. По сути, вы хотите, чтобы ваша информационная панель располагалась сверху в z-порядке чего-то большего, чем все остальное в том же месте.

Как только вы получите его там, где захотите, вам нужно будет постепенно увеличивать или уменьшать его. Эта статья покажет вам, что требуется для постепенного увеличения / уменьшения числа дивов с помощью JavaScript.

Просто установите непрозрачность области на 100% и постепенно увеличивайте ее при загрузке страницы. Затем получите ссылку или кнопку, которая вызывает исчезновение JavaScript, если вы хотите закрыть его (или сделать это через определенное время).