如何根据指针创建平滑的动画悬停背景答案

【问题标题】：how to create a smooth animated hover background following pointer如何根据指针创建平滑的动画悬停背景
【发布时间】：2013-06-09 17:19:32
【问题描述】：

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

[http://www.toyota.com/avalon/#!/features][1]

当您移动鼠标时，您会注意到背景跟随鼠标，但最终居中位于菜单项后面，而不仅仅是跟随它。

我正在寻找一个示例，以便我可以从中学习并做一些类似的事情，因为在提到的页面中我无法获得完成这项工作的 jquery 脚本，这是准备好的测试页面

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

提前致谢

【问题讨论】：

【解决方案1】：

大概是这样的

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

【讨论】：

【解决方案2】：

您正在寻找“LavaLamp”jQuery 效果。

【讨论】：