客户端“特色之旅” （教程/教学）覆盖系统？ [英] Client-side "Feature Tour" (tutorial/instructional) overlay system?

问题描述

是否存在一个系统/框架，专注于提供浏览器中的叠加等教程/帮助？

Is there a system/framework in existence which focuses on providing tutorial / help like overlays in the browser?

示例：您有一个需要一定级别的Web应用程序对用户的指示。在此指令过程中，您希望突出显示（例如箭头，颜色阴影，脉冲边框等）页面上的某个元素，并附带一条消息。

Example: You have a webapp which requires a certain level of instruction to the user. In this instruction process you wish to "highlight" (e.g. arrow, colour shading, pulsing border, etc) a certain element on the page, with an accompanied message.

将是一个真正的叠加，所以它只能在绝对定位中起作用，而不会干扰现有的布局。

This would be a true overlay, so it would function only in absolute positioning, and not interfere with the existing layout.

我在寻找现有的解决方案，在我考虑之前滚动我自己。

I'm looking for an existing solution, before I consider rolling my own.

推荐答案

感谢约翰逊为我提供了一个很好的用语（没有荒谬的误报）。

Thanks to Johnson for giving me a good term to Google with (sans ridiculous false positives).

以下是我发现的功能旅行解决方案列表：

Here is a list of "feature tour" solutions I've found:

• 兜风| http://zurb.com/playground/jquery-joyride-feature-tour-plugin


• Intro.js | http://usablica.github.io/intro.js/


• 跳房子| http://linkedin.github.io/hopscotch/


• Crumble | http://blog.tommoor.com/crumble/


• Pageguide | http://tracelytics.github.io/pageguide/


• Bootstro.js | http://clu3.github.io/bootstro.js/

• Joyride | http://zurb.com/playground/jquery-joyride-feature-tour-plugin
• Intro.js | http://usablica.github.io/intro.js/
• Hopscotch | http://linkedin.github.io/hopscotch/
• Crumble | http://blog.tommoor.com/crumble/
• Pageguide | http://tracelytics.github.io/pageguide/
• Bootstro.js | http://clu3.github.io/bootstro.js/

我相信还有更多。这些解决方案可以使开发人员更容易为用户实现更好的功能介绍。

I'm sure there are more out there. These solutions can make it far easier for a developer to implement better feature introductions to users.

这篇关于客户端“特色之旅” （教程/教学）覆盖系统？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！