スモーク（煙）のエフェクトを実装することができる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"
});
});
オプションも色々と用意されているので、詳しい使い方やダウンロードに関しては以下からどうぞ。
