$(document).ready(function() {
$('li.menu')
.css( {backgroundPosition: "0px 0px"} ) //デフォルト時、背景画像を横0px、縦0pxに指定。
.mouseover(function(){
$(this).stop().animate({backgroundPosition:"(-90px 0px)"}, {duration:400})
//マウスオーバー時に横位置-90pxに0.5秒かけて移動
})
.mouseout(function(){
$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:600, complete:function(){
//マウスアウト時に横位置0px、縦位置0pxに2秒かけて移動
$(this).css({backgroundPosition:"0px 0px"})
//移動完了後、元の位置に戻す
}})
})
});