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
    });
});

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

関連記事

  1. Square Menu
  2. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

  3. Docked Link jQuery Plugin
  4. JavaScript

    いろんなデザインのツールチップを実装できる「Opentip」

    Opentipはいろんなデザインのツールチップを実装することができるJ…

  5. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  6. Luminous

    JavaScript

    軽くてシンプルなLightboxを実装できるスクリプト「Luminous」

    Luminousを使えば軽くてシンプルなLightboxを実装すること…

コメント

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

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

最近の記事

  1. ADR-3ML39シリーズ
  2. キュレル モイスチャーバーム
  3. FUJIFILM X-Pro3
  4. iPhone 11 ProとApple Watch Hermès
  5. cheero Energy Plus mini Wireless 4400mAh

アーカイブ

PAGE TOP