Как я могу использовать Google Plus и Facebook для демонстрации непрозрачности Javascript?

Question

В последнее время Google+ и Facebook добавили замечательную функцию, которая заключается в том, что когда пользователь впервые входит в систему и появляются новые функции, он отображает его в виде демонстрационного режима, выделяющего рассматриваемый элемент и затемняющего или изменяющего непрозрачность для остальных элементов. экран как средство сосредоточиться на этом элементе. Это также показывает пошаговые подсказки для демонстрации.

Кто-нибудь знает о скрипте с открытым исходным кодом или плагине jquery, который уже делает это?

Answer 1

Они в основном блокируют пользовательский интерфейс и показывают наложение поверх всей страницы. Вы можете попробовать jQuery blockUI плагин, он поможет вам заблокировать страницу, а затем вы можете показать наложение поверх него.

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

Answer 2

Я не знаю ни одного, поэтому я сделал один: http://jsfiddle.net/minitech/A9AAa/

Это довольно просто, вызовите spotlightOn и передайте элемент, на котором «прожектор» должен «сиять» в качестве аргумента,Позвоните spotlightOff, чтобы выключить прожектор.

Это должно изящно ухудшиться.