[JS]指定した要素のみをマスクして目立たせるスクリプト -jquery.expose

ユーザーのアクションをトリガーにして、クィックマスクモードのように指定した要素を目立たせるスクリプトを紹介します。

デモのキャプチャ

Make your HTML elements stand out with jquery expose
demo

適用できるのはスタティックな要素だけではなく、フォームやビデオなどにも使用することができます。

デモのキャプチャ

demo: form

デモのキャプチャ

demo: video

こういったユーザーに少しでも集中してほしいコンテンツには、効果が高そうです。

使用方法も簡単で、JSファイルを外部ファイルで指定し、スクリプトで適用箇所とカラーと不透明度を指定します。
最小の記述だと、下記のようになります。

オプションではカラーや不透明度のほかに、ロードやクローズ時のスピード、マスクのid・z-indexなどが変更できます。

対応ブラウザはIE6/7+, Fx1.5/2+, Op9+, Safari2+となっており、実装はjQueryのプラグインのためjquery.jsが必要です。

sponsors

top of page

©2018 coliss