0

私はこのデモを持っています：

jsfiddle.net

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

アニメーションコードが機能せず、理由がわかりません!!

を使用する.cssと問題なく動作します。

誰かが問題が何であるか教えてもらえますか？

4

3 に答える 3

1

jQueryはそのままでは色をアニメーション化しないため、このような色アニメーションプラグインが必要です。それを含めるだけで、すべてが機能するはずです。

デモ： http： //jsfiddle.net/WFVby/2/

于 2012-08-07T00:27:15.480 に答える
1

他の人が言ったように、jQuery.animate()はデフォルトではカラーアニメーションを行いません。それを機能させる別のオプションは、jQuery UIを含めることです。これは、（とりわけ）デフォルトの.animate()メソッドを「アップグレード」します（ここに示されているように：http：//jsfiddle.net/nnnnnn/WFVby/3/）。

于 2012-08-07T00:31:36.847 に答える
0

「jquery.Color」プラグインをインストールする必要があります。

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

于 2012-08-07T00:27:54.590 に答える