可编程Callout JQuery插件

Question

我最近在Facebook上注意到，为了介绍它的新功能，出现了一个各种新功能的标注(其中6个)。标注出现在左侧以标识第一个特征。当您将其“X”移出时，出现下一个标注以突出显示下一个特征，依此类推。这真是太棒了，所以我想把这个功能添加到我的网站上。有没有仅用于标注部分的插件，我可以显示、隐藏和重新定位？

谢谢。

Answer 1

正如@d_inevitable提到的，我最终选择了QTip 2：http://craigsworks.com/projects/qtip2。

Answer 2

有几个jQuery插件可以有效地做到这一点。以下是我脑海中浮现的一些想法：

• Gritter
• Meow
• Notifier

谷歌提供类似于咆哮的通知来获取更多信息，这里面有很多。

Answer 3

我已经创建了一个插件，可以让你做到这一点。你可以在那里找到它：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>