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

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

  2. Image Lightbox
  3. Valiant 360

    JavaScript

    360度のパノラマ動画を実装できるビデオプレーヤー「Valiant 360」

    Valiant 360はブラウザ上で360度のパノラマ動画・写真を実装…

  4. Mobilepopup

    JavaScript

    軽量でモバイルにも最適なポップアップウィンドウを実装できる「Mobilepopup」

    Mobilepopupは、軽量でカスタマイズ性に優れたモバイルにも最適…

  5. AJAX Live Search
  6. uploadHBR

    JavaScript

    複数の画像選択に対応したjQueryファイルアップローダー「uploadHBR」

    uploadHBRは複数の画像選択に対応したファイルアップローダーを実…

最近の記事

  1. シービージャパン 耐熱ボウル
  2. メンソレータム リップスティック
  3. スイデンテラス 濃厚バターチキン
  4. ドトール マンデリン
  5. 厚切りトーストツナチーズメルトとブラックコーヒー

アーカイブ

PAGE TOP