ふわふわしてるコンテンツ

画面内でコンテンツをふわふわさせてみました。

デモ

	var i = 0;
	(function move(){
		// プラスマイナスを交互に渡す
		i = i > 0 ? -1 : 1;
		
		var p = $("#sample").position().top;
		
		$("#sample").animate({ top: p + i * 10 }, { 
			duration: 500,
			complete: move // アニメーション完了後に関数を再帰呼び出しする。
		});
	})();

.animate()を再帰的に呼び出すことで繰り返し処理を行っています。