画像をスライスして揺らします
JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.gitattributes
.gitignore
README.md
kirin.html
kirin.js
kirin.png

README.md

KirinWave

画像をスライスして揺らす jQuery プラグインです。
サンプル

使い方

jQuery と kirin.js をダウンロードして、HTMLファイルから読み込んで下さい。

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="kirin.js"></script>

後は揺らしたい画像タグを選んで指定すれば完成です。 画像をクリックしたら揺れ始めてクリックすると止まります。

$("#container img").suiken();

オプション

オプション説明
fpsフレームレート(1秒あたりのコマ数)
speed揺れのスピード
amplitude揺れ幅(ピクセル)
wavelength振幅(波と波の距離)

キリン