JavaScript

ショータイムが始まる前のスポットライトのようなjQueryプラグイン「Spotlight」

Spotlightはショータイムが始まる前のスポットライトのようなアニメーションを実装することができるjQueryプラグインです。使いどころは限られるかもしれませんが、今まであまり見た事がない感じのプラグインなのでちょっと新鮮です。

Spotlight

以下は実際のSpotlightのデモになります。

Spotlight

デモ

Animateというボタンをクリックするとスポットライトが動き出します。注目度は確実にアップしそうですね。あとオプションの値も変更できるようになっているので色々と試してみるとおもしろいです。

使い方はこんな感じでとてもシンプルです。

$('#sample').animate('spotlight');

duration、delay、repeat、easingなどといった様々なオプションが用意されています。radiusで円の大きさを変えることも可能です。

サポートされているブラウザはIE10+、Chrome、Firefox、Safari、Operaになります。ライセンスはMITです。

Spotlight

関連記事

  1. pell

    JavaScript

    軽量でシンプルなWeb用のWYSIWYGエディタを実装できる「pell」

    pellは1.5KBと非常に軽量でシンプルなWeb用のWYSIWYGエ…

  2. Vague.js

    JavaScript

    要素をぼかすことができるjQueryプラグイン「Vague.js」

    要素をぼかすことができるjQueryプラグイン「Vague.js」が面…

  3. overhang.jp

    JavaScript

    シンプルでクールな通知バーを実装できるjQueryプラグイン「overhang.jp」

    overhang.jsは、通知バーを実装するためのjQueryプラグイ…

  4. JavaScript

    JavaScriptの基本構文を忘れた!って時にサクっと見たい10項目

    最近はよくjQueryプラグインを使ったりすることが多くなってきたので…

  5. jQuery Floating Social Share
  6. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP