最近 Google+ 和 Facebook 添加了一个不错的功能,当用户首次登录并且有可用的新功能时,它会将其显示为某种演示模式,突出显示有问题的元素并将屏幕其余部分的不透明度变暗或更改为意味着专注于那个元素。它还显示了演示的分步工具提示。
有人知道已经这样做的开源脚本或 jquery 插件吗?
最近 Google+ 和 Facebook 添加了一个不错的功能,当用户首次登录并且有可用的新功能时,它会将其显示为某种演示模式,突出显示有问题的元素并将屏幕其余部分的不透明度变暗或更改为意味着专注于那个元素。它还显示了演示的分步工具提示。
有人知道已经这样做的开源脚本或 jquery 插件吗?
它们基本上会阻止 UI 并在整个页面的顶部显示叠加层。您可以尝试jQuery
blockUI
插件,它将帮助您阻止页面,然后您可以在其顶部显示覆盖。
我不知道,所以我做了一个:http: //jsfiddle.net/minitech/A9AAa/
这很简单,调用spotlightOn
并传递“聚光灯”应该“闪耀”的元素作为参数。打电话spotlightOff
关闭聚光灯。
它应该优雅地降级。