我如何使用Google Plus和Facebook Demo opacity Javascript?

时间:2011-08-30 23:49:58

标签: javascript jquery facebook demo google-plus

最近,Google+和Facebook添加了一个很好的功能,当用户首次登录并且有新功能可用时,它会将其显示为某种类型的演示模式,突出显示有问题的元素,并使其余部分变暗或改变不透明度屏幕作为关注该元素的手段。它还显示了演示的逐步工具提示。

有人知道这样做的开源脚本或jquery插件吗?

2 个答案:

答案 0 :(得分:2)

它们基本上阻止了用户界面并在整个页面的顶部显示了叠加层。您可以尝试jQuery blockUI插件,它可以帮助您阻止页面,然后您可以在其上显示叠加层。

http://plugins.jquery.com/project/blockUI

答案 1 :(得分:1)

我不知道一个,所以我做了一个:http://jsfiddle.net/minitech/A9AAa/

这很简单,调用spotlightOn并传递“聚光灯”应该“闪耀”作为参数的元素。致电spotlightOff以关闭聚光灯。

它应该优雅地降级。