用户界面 - 内联帮助叠加

时间:2012-03-03 00:43:49

标签: javascript user-interface

我有一个客户正在寻找类似于Facebook和Google用来强调界面变化的内联帮助系统。

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

在我推销自定义解决方案之前,我确实需要了解是否有任何现有的库或服务来提供此解决方案。我在Stack Overflow和Google(以及其他)上尝试了不同的关键词组合。

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

是否有人知道现有服务或插入式库?

3 个答案:

答案 0 :(得分:3)

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

真正棒极了的是它与jQuery UI themeroller主题相得益彰。

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

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

答案 1 :(得分:2)

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

您可以根据id或css选择器突出显示元素。将javascript添加到您的页面后,您几乎可以将其交给任何编写帮助文本的人。

答案 2 :(得分:1)

我使用SimpleTip。它是基于JQuery的,允许任意HTML显示在叠加层中(虽然开发人员网站上的演示不显示图像或花哨的格式),并且代码很简单,可以自定义,如果您需要进行更改。