Audero Smoke Effect

JavaScript

スモーク(煙)のエフェクトを実装できるjQueryプラグイン「Audero Smoke Effect」

スモーク(煙)のエフェクトを実装することができるjQueryプラグイン「Audero Smoke Effect」が面白かったのでご紹介します。スモークが「モクッ」と現れて「フワッ」と上昇しながら消えていく珍しいエフェクトです。湯気と煙の2パターンがあるので、こういった雰囲気を伝えたい時なんかに役立ちそうですね。ということで以下は使い方です。

[ads_center]

使い方

jQueryとプラグインを読み込みます。

<script src="jquery.js"></script>
<script src="jquery.auderoSmokeEffect.js"></script>

スモークを出す物の画像を記述します。

<img id="sample" src="images/sample.png" />

あとはプラグインをセットするだけです。

$(window).load(function() {
    $("#sample").auderoSmokeEffect({
        imagePath: "images/smoke.png"
    });
});

オプションも色々と用意されているので、詳しい使い方やダウンロードに関しては以下からどうぞ。

関連記事

  1. Fixit

    JavaScript

    要素を特定の位置に固定できるjQueryプラグイン「Fixit」

    Fixitは要素を特定の位置に固定することができるjQueryプラグイ…

  2. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

  3. NO IMAGE

    JavaScript

    フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」

    Vanilla Modalは、フレキシブルでファイル容量も軽量なCSS…

  4. no-image
  5. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

コメント

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

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

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP