skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

画像が吹き出すようなエフェクトを加える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を振ります。
<amp-img src="画像パス" id="id名" />
画像が吹き出すようなエフェクトを加えるJavaScript「jQuery-puffy」サンプル

sponsors

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

記事作成:
記事URL:

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

前の記事:
次の記事:jQuery製で柔軟性の高いアコーディオンメニュー「Flexible Accordion」

あなたにはこちもお勧め!

jQuery プラグインまとめ!

JavaScript

read more

Column

read more