Javascript 可编程调用JQuery插件

Javascript 可编程调用JQuery插件,javascript,jquery,jquery-plugins,Javascript,Jquery,Jquery Plugins,我最近在Facebook上注意到,为了介绍它的新功能,出现了各种新功能的标注(其中6个)。详图索引出现在左侧,以标识第一个特征。当您将其“X”出时,下一个标注显示为高亮显示下一个特征,依此类推。这太棒了,所以我想把这个功能添加到我的网站上。是否有一个插件仅适用于详图索引部分,我可以显示、隐藏和重新定位它 谢谢。有几个jQuery插件可以有效地做到这一点。我想到了以下几点: 谷歌有很多类似咆哮的通知来获取更多信息。有几个jQuery插件可以有效地做到这一点。我想到了以下几点:

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


谢谢。

有几个jQuery插件可以有效地做到这一点。我想到了以下几点:


谷歌有很多类似咆哮的通知来获取更多信息。

有几个jQuery插件可以有效地做到这一点。我想到了以下几点:


用谷歌搜索更多类似咆哮的通知,这里有很多。

我最终选择了qtip2:,正如@d_indication所提到的。

我最终选择了qtip2:,正如@d_indication所提到的。

我创建了一个插件,可以让你做到这一点。你可以在那里找到它:

这里有一个小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>

var myAlert=new myAlert();
window.onload=函数(){
$(“#锚”)。在(“单击”上,函数(e){
myAlert.show({'x':e.pageX,'y':e.pageY}{
“头”:“你好!
我是头”, ‘body’:“我是对话框的主体,所以我应该更大。是的,这里有更多的文本。我也可以在这里更新我。”, '页脚':“页脚:再见!” }); }); };
我已经创建了一个插件,可以让你做到这一点。你可以在那里找到它:

这里有一个小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>

var myAlert=new myAlert();
window.onload=函数(){
$(“#锚”)。在(“单击”上,函数(e){
myAlert.show({'x':e.pageX,'y':e.pageY}{
“头”:“你好!
我是头”, ‘body’:“我是对话框的主体,所以我应该更大。是的,这里有更多的文本。我也可以在这里更新我。”, '页脚':“页脚:再见!” }); }); };
我不是facebook用户,也许你想包括你的意思的屏幕截图?qTip@d_如何?是的,这是一个很好的例子,我会调查的,谢谢。我不是facebook用户,操作系统的可能副本也许你想包括你的意思的截图?QTip @ Dy-不可避免的是,这是一个很好的,看看,谢谢。可能的复制品真的很好,我也要考虑那些。但是我正在看QTIP2的评论,这些评论真的很好,我也要考虑这些。但我正在关注qtip2的细节,正如评论中提到的。。。