jquery帮助覆盖界面

Question

我真的很想知道是否有人制作了一个 jquery 插件来添加帮助叠加层，这些叠加层可以附加到 float 在网页上的项目旁边。

这个想法是，当您单击帮助按钮时(或当页面首次加载时)，页面会变暗，并且覆盖在关键元素上的是描述性文本，用于解释页面的这些关键功能的用途。理想情况下，甚至可以有一个逐步完成的过程，以便您可以一次说明一个功能，并在某处显示下一个/后退导航。

现在可以在 Gmail 中找到这些可爱的示例。本页顶部有一张照片:http://blogs.clariusconsulting.net/kzu/documenting-user-interfaces-in-a-mouse-less-touch-ui/

他们没有使用 jquery，我假设这些是硬编码的。如果有人知道一个灵活的 jquery 插件，只需在页面中指定对象 id 即可神奇地完成此操作或类似的操作，请分享。

Answer 1

我建议使用jQuery Joyride这是一个非常灵活的游览/帮助插件。您可以设置网站的“游览”，或者使用帮助弹出窗口提供叠加效果，或者自定义和创建您自己的效果/功能来实现您想要的效果。