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. Text Scramble Effect

    JavaScript

    テキストをスクランブルしながら表示していく「Text Scramble Effect」

    Text Scramble Effectはテキストをカシャカシャとスク…

  2. Jquery Toast Plugin

    JavaScript

    高いカスタマイズ性を備えたトースト通知を実装できる「Jquery Toast Plugin」

    Jquery Toast Pluginは高いカスタマイズ性を備えたアニ…

  3. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  4. SimpleCalculadora

    JavaScript

    シンプルでカスタマイズもできる電卓「SimpleCalculadora」

    SimpleCalculadoraはシンプルでCSS、オプションなどで…

  5. DateTime Picker

    JavaScript

    レスポンシブでフラットデザインの「DateTime Picker」

    DateTime Pickerはレスポンシブ対応のフラットデザインによ…

  6. Notyf

    JavaScript

    シンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」

    Notyfはシンプルでレスポンシブに対応したカッコイイ通知を表示させる…

コメント

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

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

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP