javascript - 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 plugin )。

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