jQuery .animate()无法正常工作

Question

我正在设计一个网站和效果我遇到了下面的jquery代码集,用于通过动画实现文本颜色更改.但它不起作用,我不确定是什么问题.

的jsfiddle

以下是我目前遇到的问题代码:

jQuery的:

$('.list-5 li a').hover(function() {
    $(this).stop().animate({ color: '#fff' })
}, function() {
    $(this).stop().animate({ color: '#0e1b23' })
})

HTML:

  <div class="list-5">
    <ul>
     <li>
       <a href="#">Hello world</a> 
     </li>
    </ul>
  </div>

Answer 1

#FFFF是无效的颜色.使用#FFF或#FFFFFF.

此外,默认的jQuery .animate不会为颜色设置动画.你必须使用jQuery UI(或Color插件).

• 使用颜色插件进行演示:http://jsfiddle.net/FMTDp/13/
• 使用jQuery UI进行演示:http://jsfiddle.net/FMTDp/15/