要素を小刻みに動かすjQueryプラグイン「jQuery Wiggle plugin」

要素を小刻みに動かすjQueryプラグイン「jQuery Wiggle plugin」サンプル たまに要素を動かしたくなることありますよね?
iPhoneでアプリをロングタップしたような動きを実現するjQuery Wiggle pluginです。

使用方法 jQuery Wiggle pluginからファイル一式をダウンロード。
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.wiggle.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.class名').wiggle();
});
</script>

あとは動かしたい画像に対し、classを付与します。
<img src="画像パス" class="class名" />
なお画像以外も適用できますが、いまいちな動きになります。
その他止める、動かすなどは下記のオプションです。
//id="stop"をクリックしたら止める
$('#stop').click(function() {
$('.class名').wiggle('stop');
});
//id="start"をクリックしたら動かす
$('#start').click(function() {
$('.class名').wiggle('start');
});

また、同時に動かす要素の上限数(limit)やdelayも指定できます。

要素を小刻みに動かすjQueryプラグイン「jQuery Wiggle plugin」サンプル

sponsors

「要素を小刻みに動かすjQueryプラグイン「jQuery Wiggle plugin」」をシェアする

記事作成:
記事URL:

TOP > > > 要素を小刻みに動かすjQueryプラグイン「jQuery Wiggle plugin」