Ajax Всплывающее уведомление

Question

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

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

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

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

Благодаря

Answer 1

Для этого, вы хотите, чтобы объединить два понятия:

Первый имеющий DIV, который показывает в верхней части страницы. Take a look at this tutorial, который показывает вам, как разместить <div> s на верхней части друг друга. По сути, вы хотите, чтобы ваша информационная панель была размещена наверху с z-порядком чего-то большего, чем все остальное в одном и том же месте.

Как только у вас есть это место, где вы хотите, вам нужно будет угаснуть его. This article покажет вам, что требуется, чтобы затухать в/из divs с помощью javascript.

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