JavaScript

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

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

Spotlight

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

Spotlight

デモ

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

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

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

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

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

Spotlight

ライブラリと現像モジュールを切り替えるLightroomでライブラリと現像モジュールを素早く切り替えるためのショートカットキー前のページ

MacのEvernoteで複数のノートを指定したノートブックに移動させるやり方次のページ

関連記事

  1. radialIndicator

    JavaScript

    シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」

    radialIndicatorはシンプルで美しい円形のインジケーターを…

  2. JavaScript

    ナビゲーションをレスポンシブデザインにしてくれるjQueryプラグイン「HorizontalNav」…

    覚えておくと便利そうだったのでメモがてらエントリーします。リスト化した…

  3. no-image

    JavaScript

    jQueryの代わりに使用できるマイクロJavaScriptライブラリ「Selector」

    Selectorは、jQueryの代わりに使用することができるマイクロ…

  4. Stretchy Navigation

    JavaScript

    ナビゲーションメニューが伸び縮みする「Stretchy Navigation」

    Stretchy Navigationはクリック、タップをすることで伸…

  5. Warp drive jQuery plugin
  6. EZ Tabs jQuery Plugin

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP