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. How To Create A Simple Image Slideshow

    JavaScript

    チルトエフェクトがオシャレなスライドショー「How To Create A Simple Image…

    オシャレなチルトエフェクトにダイナミックなイメージスライダーを実装でき…

  2. Sticky Slider Navigation(Responsive)
  3. Babylon Grid
  4. jQuery.appear

    JavaScript

    ビューポート外のコンテンツ表示を防止できる「jQuery.appear」

    jQuery.appearは、元々は非表示となっているものや、ビューポ…

  5. Responsive overlay menu

    JavaScript

    美しいオーバーレイメニューを実装できる「Responsive overlay menu」

    Responsive overlay menuはレスポンシブに対応した…

  6. FancySelect

    JavaScript

    セレクトメニューをスタイリッシュに実装できるjQueryプラグイン「FancySelect」

    セレクトメニューをシンプルでスタイリッシュに実装することができるjQu…

コメント

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

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

最近の記事

  1. 久保田城
  2. ハードサイド CS80
  3. ACC-TRBX
  4. ピスタチオ クリスマス ツリー フラペチーノ

Instagram始めました

Facebookページ

PAGE TOP