Javascript单页应用导览工具

Question

我曾经看到一个 javascript 工具(可能是 jquery 插件)来实现功能/指南功能，不幸的是我没有将该页面添加为书签。

它使用覆盖并专注于文档元素，可能基于 id 属性。

Joyride或者我发现谷歌搜索不支持这一点。

你有什么想法吗？

Answer 1

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

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

• 通过屏蔽屏幕的其余部分(Sideshow 对此不使用 z-index 方法，它的掩码并不位于元素后面，而是真正围绕着它)。
• 监控用户的行为和某些屏幕的状态。
• 为您的教程创建智能步骤，在满足某些条件时自动进行
• 在您的教程之间建立关系，这样，当您的用户完成一些教程时，就会显示一个包含相关导览的列表。
• 使用 Markdown 对步骤描述进行丰富的格式化
• 使用事件(例如 beforeStep/afterStep、beforeWizardStarts/afterWizardEnds)来执行一些准备或其他任何事情
• 根据用户正在查看的屏幕显示上下文教程，每个教程都有自己的条件来检查它是否符合该屏幕的条件

以及其他强大的功能!