Плагин программируемой выноски JQuery

Question

Недавно я заметил на Facebook, что для представления его новых функций, появился вызов для различных новых функций (6 из них).Выноска появилась слева, чтобы идентифицировать первую функцию.Когда вы отметили «X», появилась следующая сноска, чтобы выделить следующую функцию и так далее.Это было круто, поэтому я хотел добавить эту функцию на свой сайт.Доступен ли плагин только для части выноски, которую я могу показать, скрыть и изменить положение?

Спасибо.

Answer 1

Есть несколько плагинов jQuery, которые делают это эффективно.Вот некоторые, которые приходят на ум:

• Gritter
• мяу
• Уведомитель

Google для похожих на рычание уведомлений для большего количества есть вокруг.

Answer 2

Я создал плагин, который позволит вам сделать это. Вы можете найти его там: https://github.com/devmnrj/myAlert

Вот небольшая демонстрация кода JS:

<script type="text/javascript">
    var myAlert = new MyAlert();
    window.onload = function(){
        $("#anchor").on("click", function(e){
            myAlert.show({'x':e.pageX, 'y':e.pageY}, {
                'header': "<em>Hello!</em><br/><small>I am a header</small>",
                'body': "I am the body of the dialog, so i should be bigger. Yeah, more text here. I can also update me <a>here</a>.",
                'footer': "footer: goodbye!"
            });
        });
    };
</script>

Answer 3

В итоге я пошел на QTip 2: http://craigsworks.com/projects/qtip2,, как упомянуто @d_inevitable.