Для начала мы подключим библиотеку jquery:
Код
<!--подключаем библиотека jquery-->
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<!--/библиотека jquery-->
После этого мы создаем div с нашими уведомлениями:
Код
<!--наше уведомление-->
<div class="good"></div>
<!--/наше уведомление-->
Теперь нам нужно вызывать уведомление. Оно может быть несколько видов:
Через ссылку
Код
<!--вызов уведомления через ссылку-->
<a href="javascript:wind('Тут ваш текст ( <b>Работает HTML</b> )', 'dodgerblue')">Вызов</a>
<!--/вызов уведомления через ссылку-->
Через onclick
Код
<div onclick="wind('Текст', 'red')"></div>
Через javascript
Код
<script>
window.onload = wind('Текст', 'red');
</script>
Дальше нам нужно указать стиль для уведомления:
Код
.good {
display:none;
position: absolute;
padding: 20px;
border-radius: 2px;
right: 10px;
bottom: 10px;
}
И сам скрипт:
Код
function wind(text, color) {
$('.good').html(text).css({"background" : color}).fadeIn();
setTimeout(function () {$('.good').fadeOut()}, 5000 /* 5 сек */);
}
Вот и все!
