动画代码没有'不起作用

Animation code doesn't work

本文关键字：不起作用 代码 动画      更新时间：2023-09-26

我有这个演示：

jsfiddle.net

$(document).ready(function(e) {        
    $(".footer-list li").mouseover(function() {
         $(this).animate({ backgroundColor: "#d31d4a" }, 1500);
        // $(this).css("background-color", "#d31d4a");
    });
});

动画代码不起作用，我不知道为什么！！

当我使用.css时，它工作起来没有任何问题。

有人能告诉我问题出在哪里吗？

jQuery没有开箱即用的颜色动画，所以你需要一个颜色动画插件，比如这个。只要包括它，一切都会起作用。

演示：http://jsfiddle.net/WFVby/2/

正如其他人所说，jQuery的.animate()默认不做彩色动画。另一个让它发挥作用的选项是包含jQuery UI，它（除其他外）"升级"了默认的.animate()方法（如下所示：http://jsfiddle.net/nnnnnn/WFVby/3/)。

您需要安装一个"jquery.Color"插件：

https://github.com/jquery/jquery-color

相关文章：