Jquery 如何在指针后创建平滑的动画悬停背景

这是我想要的类似菜单（红色导航条）

移动鼠标时，您会注意到背景跟随鼠标，但最终位于菜单项的中心，而不仅仅是跟随鼠标

我正在寻找一个例子，这样我可以从中学习，并做一些类似的事情，因为在前面提到的页面中，我无法获得执行此任务的jquery脚本。这里是就绪测试页面

[http://jsfiddle.net/j55nM/][2]

提前感谢

您正在寻找“LavaLamp”jQuery效果

---

请看这里：

可能是这样的

$('#example2 a').hover(function(e){
   var pos = $(this).position().left;
   $('img').stop().animate({left:pos}); 
});

---

哇，这个网站真是太糟糕了！

$('#example2 a').hover(function(e){
   var pos = $(this).position().left;
   $('img').stop().animate({left:pos}); 
});