创建网站之旅

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之前）执行一些准备工作或其他任何事情
• 根据用户查看的屏幕显示上下文教程，每个教程都有自己的条件来检查它是否符合该屏幕的条件

和其他强大的功能！