最近、Google+ と Facebook は、ユーザーが最初にログインして利用可能な新機能があるときに、問題の要素を強調表示し、画面の残りの部分を暗くしたり不透明度を変更したりするデモモードとして表示するという優れた機能を追加しました。その要素に焦点を当てることを意味します。また、デモの段階的なツールチップも表示されます。
これをすでに実行しているオープン ソース スクリプトまたは jquery プラグインを知っている人はいますか?
最近、Google+ と Facebook は、ユーザーが最初にログインして利用可能な新機能があるときに、問題の要素を強調表示し、画面の残りの部分を暗くしたり不透明度を変更したりするデモモードとして表示するという優れた機能を追加しました。その要素に焦点を当てることを意味します。また、デモの段階的なツールチップも表示されます。
これをすでに実行しているオープン ソース スクリプトまたは jquery プラグインを知っている人はいますか?
それらは基本的に UI をブロックし、ページ全体の上にオーバーレイを表示します。jQuery
blockUI
ページをブロックするのに役立つプラグインを試すことができ、その上にオーバーレイを表示できます。
私は1つを知らないので、1つ作成しました:http://jsfiddle.net/minitech/A9AAa/
それは非常に単純でspotlightOn
、「スポットライト」が「輝く」べき要素を引数として呼び出して渡します。spotlightOff
スポットライトをオフにするために呼び出します。
優雅に劣化するはずです。