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>

可编程标注JQuery插件

3 个答案: