Javascript 谷歌泡泡头和类似的东西都用了什么；“学习曲线”&引用；“入门”；泡泡头？

今天我输入了我的谷歌日历，有一个小方框（气泡提示）解释说他们已经为日历事件实现了一个新的调色板。盒子的右上角有一个小的关闭按钮。现在网络上的东西都很正常

我希望在我的（RubyonRails）站点上有类似的功能，以帮助新用户了解站点的功能，而不必在用户熟悉该功能后页面上仍保留气泡提示

有人知道这种“入门”泡泡提示是如何制作的吗？这仅仅是用户计算机上存储的一个关于他是否看到（关闭）提示的简单cookie吗

有没有人知道rails插件/gem可以让这些提示变得简单

---

谢谢：-）

这不是特定于平台的，但通常在前端完成。服务器代码只在向页面写入是否启动事件的条件时才起作用

就前端而言，它是一个优秀的javascript/jQuery插件，您可以使用它在网页上创建类似“导游”的功能。我已经成功地在几个web应用程序中使用了它们。（我不是会员，只是个粉丝）

要开始本教程，您可以将一个条件存储在DB中，然后将其插入javascript，或者设置一个cookie并在javascript中读取它

不过，我建议将条件存储在DB中，因为在我使用的新计算机和应用程序上显示提示/巡更会非常烦人

在包含jQuery和Guider脚本之后，您可以使用如下代码创建巡更：

$(document).ready(function () {

        guiders.createGuider({
            buttons: [{ name: "Next"}],
            description: "This is the first guider",
            id: "first",
            next: "second", // when the button is pressed, jump to this guider
            overlay: true,
            title: "Guten Tag!"
        });

        guiders.createGuider({
            attachTo: "#logo", // dom element to attach to
            buttons: [{ name: "Close"}],
            description: "This is the second...",
            id: "second",
            overlay: true, // grey out the background to 1/2 opacity
            position: 3, // Clock position (3 o'clock
            title: "Find your way home"
        });

    });

    if(condition){
        guiders.show('first'); // jump into the tour at guider id first
    }

---

对于关闭后会消失的功能，您可以提取此公告railscast的概念-只是不要将它们放在一边，并使用不同样式的css：

谢谢，Michael。感谢您详尽而出色的回答！JS导游看起来真的很不错。我会等一会儿，看看是否有其他人有其他/更好的建议，然后接受。再次感谢：-）很乐意帮忙。JS导游很好。我经常对人们将要赠送的大量开源产品感到惊讶！