可编程标注 JQuery 插件

Question

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

谢谢。

Answer 1

有几个 jQuery 插件可以有效地做到这一点。以下是我想到的一些：

• 喵

谷歌搜索类似咆哮的通知以获取更多信息，周围有很多。

Answer 2

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

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>