用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颜色插件或jQuery UI(包括相同的功能)来为颜色设置动画.

作为一个例子:这里是你的小提琴包括jQuery UI(只有改变)看它工作.