[JS]テキストリンクをうにょうにょとアニメーションさせるスクリプト -Link Nudging

david walsh blogから、テキストリンクをアニメーションでスムーズにスライドさせるスクリプトを紹介します。

jQuery Link Nudging
demo

jQuery Link NudgingはjQueryのプラグインのため、外部ファイルにjquery.jsを記述し、下記のスクリプトを使用します。

$(document).ready(function(){
	$('a.nudge').hover(function(){ //mouse in
		$(this).animate({ paddingLeft: '20px' },400);
	}, function(){ //mouse out
		$(this).animate({ paddingLeft: 0 }, 400);
	});
});

「20px」「400」を変更することで、移動距離（20px）、時間（400ミリ秒）を調整することができます。

Post on:2008年11月29日