jquery - 使用 jquery 实现悬停动画

Question

我写了一个非常基本的 jquery 脚本，理论上是正确的，但在浏览器中却不然:

<ul class="menUl">
  <li> <a href="#">TEMPLATE<span>DESIGN</span></a> </li>
  <li> <a href="#">FRONTEND<span>CODING</span></a> </li>
  <li> <a href="#">SERVESIDE<span>CODING</span></a> </li>
  <li> <a href="#">CONTACT<span>ME</span></a> </li>
</ul>

jQuery:

$(document).ready(function(){
  $(".menUl li a").hover(function() {
    $(this).animate({color: "#c7ce95" }, 600);
  },function() {
    $(this).animate({ color: "#807e7c" }, 400);
  });
});

我的代码有什么问题吗？ http://jsfiddle.net/GGnb7/提前致谢

Answer 1

您需要 jQuery color plugin或jQuery UI (包含相同的功能)来设置颜色动画。

例如:here's your fiddle with jQuery UI included (only change) to see it working .