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

    JavaScript

    クールな画像ズーム機能を実装できる「Zooming」

    Zoomingはクールでかっこいい画像ズーム機能を実装することができる…

  2. SPOILER ALERT!

    JavaScript

    画像やテキストにボカシを入れることができるjQueryプラグイン「SPOILER ALERT!」

    画像やテキストといった部分にボカシを入れることができるjQueryプラ…

  3. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

  4. Erge Drop Down Menu Control
  5. JavaScript

    マルチレベルで操作性に優れたレスポンシブ対応のjQueryナビゲーション

    レスポンシブに対応したマルチレベルの便利なjQueryナビゲーションが…

  6. Tendina

    JavaScript

    簡単で素早くドロップダウンメニューを実装できるjQueryプラグイン「Tendina」

    TendinaというjQueryプラグインを使えば、とても簡単で素早く…

コメント

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

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

最近の記事

  1. 赤いなつめ
  2. ペーストしてスタイルを合わせる
  3. Hermèsオレンジスポーツバンド
  4. GoPro HERO8 Black

アーカイブ

PAGE TOP