动画图像的动画

Question

首先是一个小代码=]：

的CSS：

.mainnav li:hover{
   background:url("/css/images/nav.png") no-repeat scroll 0 0 transparent;
}

脚本：

$(document).ready(function() {

  $('.mainnav li').mouseover(function() {
    $(this).stop().animate(????,400)
  });
});

HTML：

<ul class="mainnav">
  <li>
   <a href="/Home.aspx">home</a>
  </li>
  ..
  ..
</ul>

我想要的是当鼠标越过另一个时，图像不会立即移动/弹出，而是会慢慢地（“动画”）移动到那里......

感谢。

Answer 1

要为背景位置设置动画，您需要plugin，因为jquery不会开箱即用。链接页面上的用法。