javascript - jsでホバーアニメーションが動かない

Question

ホバリングすると背景色がアニメーションし、ホバリングしないと停止します。機能しない理由の手がかりはありますか？JSLint 有効。

var pixColors = {
init: function() {
   function pixelColors(){
       var color = '#'+(Math.random()*0xCCCCCC<<0).toString(16);
    $('.colorAnim').animate({
    backgroundColor: color
}, 1000, pixelColors);
}
$('.colorAnim').hover(
function(){
pixelColors();
},
function() {
$('.colorAnim').stop(true);
});
}
}
$(document).ready(function() {
    pixColors.init();
});

http://jsfiddle.net/Commandrea/WVU24/1/

Answer 1

jQueryでは、デフォルトで色をアニメーション化することはできません。jQueryColorまたはjQueryUIが必要です。