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

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

sponsors

使用方法

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名" />

サンプル

下記画像をクリックしてください。

sponsors

Javascriptサンプルページ一覧
skuare.net