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. JavaScript

    jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた

    面白いプラグインがあったので使ってみました。空港や駅にある掲示板みたい…

  2. Responsive Nav

    JavaScript

    レスポンシブ対応の軽量なナビゲーションを実装できる「Responsive Nav」

    レスポンシブ対応のナビゲーションを実装できる「Responsive N…

  3. no-image

    JavaScript

    シンプルでスタイリッシュなjQueryスライダー「Simple slider」

    Simple sliderはシンプルでスタイリッシュなスライダー(カル…

  4. stackgrid.adem.js

    JavaScript

    コンテンツをグリッド状にスタッキングできる「stackgrid.adem.js」

    stackgrid.adem.jsはコンテンツをグリッド状にスタッキン…

  5. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで紹介したjQueryプラグイン19選のまとめ 2012/04 – 2012/0…

    2012年4月〜2012月7月までの当ブログで紹介したjQueryプラ…

  6. Filterable Product Grid

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP