Всплывающие сообщения как на хабре

Question

[Артур Заяц]

Не подскажите JavaScript библиотечку для реализации всплывающих сообщений, как на хабре в правом верхнем углу?

Answer 1

[Ivan]

plugins.jquery.com/jgrowl/
github.com/CodeSeven/toastr
plugins.jquery.com/toast/
например.

Answer 2

[Andrey]

Ну так это пишется самостоятельно за 5 минут :) Грубо и топорно, но работает.

<div id='error_box' style='display: none; border: 1px solid #f7c7c9; background: #f9e5e6; position: fixed; width: 370px; right: 20px; top: 20px; -webkit-box-shadow: 0px 5px 5px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 5px 5px 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 5px; border-radius: 5px; text-align: center;'>

<p id='error_message' style='color: #c77c7e; margin-top: 18px; font-weight: bold;  text-shadow: 1px 1px 1px #FFFFFF; filter: dropshadow(color=#FFFFFF, offx=1, offy=1);'></p>
</div>

<script>
    function throw_message(str) {
        $('#error_message').html(str);
        $("#error_box").fadeIn(500).delay(3000).fadeOut(500);
    }
</script>

<a href='#' onclick='throw_message("Clicked!"); return false;'>Click me!</a>