hoverpulse

JavaScript

マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hoverpulse」

マウスオーバーで画像が拡大するシンプルなjQueryプラグイン「hoverpulse」をご紹介します。サムネイル画像にマウスを乗せると滑らかに画像が拡大されます。カスタマイズするこでクリック時にリンクを設定することもできます。サイドバーなどちょっとした場所で使ってみると面白そうですね。

[ads_center]

使い方

特に難しい設定とかはなさそうですね。

$(document).ready(function() {
    $('div.thumb img').hoverpulse();
});

オプションでサイズとスピードを設定できます。

$(document).ready(function() {
    $('div.thumb img').hoverpulse({
        size: 40,
        speed: 400
    });
});

公式サイトでは他にもリンクの設定方法などの解説もあります。気になる方は是非チェックしてみて下さい。

使い捨てメールアドレスが欲しい時に便利!2秒でフリーメールを取得することができる「Super Mailer」前のページ

Feedlyでカテゴリーのフォルダ名を変更するやり方次のページFeedlyでカテゴリーのフォルダ名を変更

関連記事

  1. Woco Accordion jQuery plugin
  2. Switch

    JavaScript

    iOSスタイルのシンプルなチェックボックスを実装できる「Switch」

    Switchは、シンプルでパワフルなiOSスタイルのチェックボックスを…

  3. Ace Responsive Menu
  4. FakeLoader.js

    JavaScript

    フルスクリーンでカッコいいローディングアニメーション・FakeLoader.js

    FakeLoader.jsはフルスクリーンでカッコいいローディングアニ…

  5. JavaScript

    カスタマイズしやすい軽量のツールチップを実装できるjQueryプラグイン「TinyTip」

    TinyTipはカスタマイズしやすいツールチップを実装することができる…

  6. P-Loading

    JavaScript

    パワフルなローディングマスクを実装できるjQueryプラグイン「P-Loading」

    P-Loadingは、パワフルなローディングマスクを手軽に実装すること…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. フィールグッドシャワー
  2. RP-PB055
  3. ESD-EFシリーズ

アーカイブ

PAGE TOP