画像が吹き出すようなエフェクトを加えるJavaScript「jQuery-puffy」

昨今JavaScriptを利用することで、画像にさまざまなエフェクトがかけられるようになりました。
jQuery-puffyもそのひとつで、吹き出すような処理をかけられます。
画像が吹き出すようなエフェクトを加えるJavaScript「jQuery-puffy」サンプル

使用方法
jQuery-puffyからファイル一式をダウロードします。
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.ui.all.js"></script>
<script type="text/javascript" src="jquery-puffy.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#id名').click(function(){
$(this).puffy();
});
});
</script>

上記を記述したら、エフェクトをかけたい画像にidを振ります。
<img src="画像パス" id="id名" />
画像が吹き出すようなエフェクトを加えるJavaScript「jQuery-puffy」サンプル

sponsors

「画像が吹き出すようなエフェクトを加えるJavaScript「jQuery-puffy」」をシェアする

記事作成:
記事URL:

TOP > > > 画像が吹き出すようなエフェクトを加えるJavaScript「jQuery-puffy」