创建网站之旅

Question

当您在github.com上注册时，他们会显示一个游览，显示正确使用github的所有内容。此外，谷歌在添加新功能时会在Gmail中显示这些游览。这些是小小的盒子，工具提示浮动在页面上，有时通过更改边框或背景的颜色，网站的某些关键部分得到很好的突出显示。

我的问题是，是否有任何现有的图书馆可以实现这一目标？

Answer 1

你在寻找这样的东西： http://amberjack.org/？

Answer 2

回答我自己的问题。我正在使用Guiders.js。它完全符合我的目的。特别是不同元素的工具提示是我正在寻找的。

更新日期：2013年10月3日

我发现的另一个叫intro.js

Answer 3

我最喜欢的两个：

• http://revaxarts-themes.com/tour/examples/example6.html
• http://linkedin.github.io/hopscotch/

如果您使用bootstrap，您可以考虑：http://bootstraptour.com/

Answer 4

Sideshow是一个现代且功能强大的库，用于为Web应用程序和站点创建交互式游览。

Sideshow不仅可以指导您的用户，还可以与他们互动：

• 监控用户的行为和某些屏幕的状态。
• 为教程创建智能步骤，在满足某些条件时会自动进行
• 在您的教程之间创建关系，这样，当您的用户完成某些教程时，会显示包含相关游览的列表。
• 使用Markdown进行丰富的格式化步骤说明
• 使用事件（例如beforeStep / afterStep，beforeWizardStarts / afterWizardEnds之前）执行一些准备工作或其他任何事情
• 根据用户正在查看的屏幕显示上下文教程，每个教程都有自己的条件来检查是否符合该屏幕的条件

等强大功能！