jquery - jQuery マウスオーバー メニューのアニメーション

Question

背景画像をリンクの下の中央に配置するのにまだ問題があります.mouseleaveはリストの中央に正確に戻りません.ここで助けが必要です. ありがとう！

ここでJsFiddle

---

mouseoverでカーソルをたどり、で現在の位置に戻るアニメーションを使用して、リストに簡単なメニューを作成していますmouseleave。

ページが読み込まれるときに常に現在の位置より下になりたいので、マージン 0 auto の div でこれを計算するにはどうすればよいですか? この例のようなもの。

/*jQuery*/
$('li').mouseover( function() {    

    var top = $(this).offset().top + $(this).height() + 5;
    var left = $(this).offset().left + ($(this).width() / 2);

    $('#marker').stop().animate( { top: top, left: left  }, 200 );

});

$('li').mouseleave( function() { 

});

あなたの助けのためにすべてが十分に明確であることを願っています!