javascript - 提供 "tooltip tour"的最佳方式

标签 javascript tooltip jquery-tooltip

使用上下文工具提示提供网络应用程序快速浏览的最佳方式是什么?

用例:

  • 用户导航至网络应用
  • 某种形式的弹出窗口询问用户是否想要界面导览
  • 用户可以点击每个工具提示上的“下一步”以显示下一个提示
  • 用户可以随时通过单击某种退出 X 或按钮取消游览

有没有一个简单的库可以做到这一点?

谢谢!

最佳答案

最简单的方法是使用 Jeff Pickhardt 的 Guider-JS javascript 工具提示演练库。它非常容易使用(尽管它也有一些非常高级的功能),并且完全按照您所描述的那样进行。

您可以查看this excellent example使用 Guider-JS 制作的工具提示演练。

如果您想在生产站点上查看工作示例,它在 optimizely.com 上广泛使用。为用户界面提供帮助和演练指南。

更新: ZURB 基金会现在正在维护优秀的 "Joyride" tooltip tour JavaScript 库。

关于javascript - 提供 "tooltip tour"的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9352917/

相关文章:

javascript - 未处理的 promise 拒绝错误: Can't set headers after they are sent

javascript - (谷歌图表)我想在鼠标悬停时在工具提示中显示折线图 Y 值?

javascript - c3.js - c3 图表,有一个工具提示,里面有 c3 图表

java - 如何将气球提示添加到 JTable 中的单元格,其行为类似于工具提示

javascript - 在动态加载内容期间取消 jquery 工具提示

jquery - 将鼠标悬停在 div 上时显示 jQuery 工具提示

javascript - 捕获按下刷新图标的事件

javascript - 如何在 ruby​​ 脚本中剪切照片并在网络上显示?

javascript - jQuery 工具提示 : Trouble with remove()

javascript - 根据另一个 div 的价格更改一个 div 的输出