2013-01-24 92 views
3

我真的很感兴趣,发现任何人已经做了一个jQuery插件添加帮助覆盖,可以附加到网页上的项目旁边浮动。jquery帮助覆盖界面

的想法是,当你点击帮助按钮(或当第一次加载页面)的页面DIMM和覆盖在关键因素是解释页面的这些关键功能做描述性文本。理想情况下,甚至可以逐步完成流程,以便您可以在某处显示下一个/后退导航时一次说明功能。

这些可爱的例子现在可以在Gmail中找到。一个镜头是在这个页面的顶部:http://blogs.clariusconsulting.net/kzu/documenting-user-interfaces-in-a-mouse-less-touch-ui/

他们没有使用jquery,我假设硬编码这些。如果有人知道一个灵活的jQuery插件,可以通过只在您的网页,请做占有率指定对象ID做到这一点或类似的东西神奇的。

回答

2

我会建议使用jQuery Joyride这是一个非常灵活的旅游/帮助插件。您可以设置网站的“导览”,或者使用帮助弹出窗口进行叠加效果,或者自定义和创建自己的效果/功能以实现您的愿望。

+0

嗨亚当感谢的是,它接近我所需要的。不知道这是否会暗淡屏幕(这是一个非常微妙的好的接触,把注意力集中在我认为的弹出窗口上),但它看起来像一个好的开始;)我将与它一起玩... – AdamJones

+0

他们是“调光屏幕“或实际上在页面上放置覆盖?叠加通常是如何完成的。 – adamdehaven

+0

在Gmail中?都。看到这个镜头,我发现它在这里:http://gyazo.com/ebfa5a9482530d99ae4e91257b6d3b19.png – AdamJones