用户界面-联机帮助覆盖

User Interface - Inline Help Overlay

本文关键字：覆盖 联机帮助 用户界面      更新时间：2023-09-26

我有一个客户正在寻找一个类似于Facebook和谷歌用来突出显示界面更改的内联帮助系统。

以下是UI模式中的一个示例：http://ui-patterns.com/users/1/collections/38/entry/5759

在我推销自定义解决方案之前，我真的需要了解是否有任何现有的库或服务可以提供这种解决方案。我在Stack Overflow和Google（以及其他网站）上尝试了无数不同的关键词组合。

基本上，客户端希望选择界面的一个元素，并提供一些额外的帮助，用户可以通过选择元素旁边的帮助图标来显示这些帮助。

有人知道现有的服务或临时图书馆吗？

我使用ClueTip，它非常相似，可以使用常见的HTML语义。文档页面不是很鼓舞人心，但这肯定不会限制你对插件的使用。

真正棒的是，它能很好地处理jQueryUI主题。

ClueTip-http://plugins.learningjquery.com/cluetip/

此处的演示页面-http://plugins.learningjquery.com/cluetip/demo/

这有点像一个插件，但我创建了Overlay101，它提供了一个可以由非开发人员管理的内联帮助覆盖。我认为这比维护jquery扩展要容易得多。

您可以基于id或css选择器高亮显示元素。一旦javascript被添加到您的页面中，您几乎可以将其交给编写帮助文本的任何人。

我使用SimpleTip。它基于JQuery，允许在覆盖中显示任意HTML（尽管开发人员网站上的演示没有显示图像或花哨的格式），并且如果需要进行更改，代码非常简单，可以自定义。

相关文章：