jQueryで上下に揺れるアニメーションをサラッと作る

Pocket

duration:1回アニメーションを終えるまでの時間

easing:動きを加速、原則することができる関数(http://semooh.jp/jquery/cont/doc/easing/)

complete:アニメーション終了後に実行される関数

$(function move() {
	$('.icon')
	.animate({top: '+=8px'}, {duration: 200})
	.animate({top: '-=8px'}, {duration: 700, easing: 'swing', complete:move})
});

SNSでもご購読できます。

スポンサーリンク

コメントを残す

*