Jquery hover - 背景色のアニメーションを作成するには

Question

<div class="post_each"> 
    <h1 class="post_title">Apartamentos 1 comodo</h1> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb last" src="1.jpg"/> 
</div> 
<div class="post_each"> 
    <h1 class="post_title">Apartamentos 2 comodo</h1> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb last" src="1.jpg"/> 
</div> 
<script type="text/javascript"> 
    $('img.thumb').hover(function { 
     $(this).animate({"background" : "white"}, 600); 
    }); 
</script> 

hover（）はまったく動作していません。私はちょうど背景色を設定しようとするか、またはマウスのホバーを押したときにボーダーサイズを大きくする必要があります。

Answer 1

色をアニメーション化することはできません（少なくともこの方法で）、1つの数値のプロパティのみが許可されます。追加する必要のある別のカラーアニメーションプラグインがあります。

匿名関数は括弧が欠落している

：あなたは色のプラグインを使用することができ

$('img.thumb').hover(function() { 

Answer 2

あなたはjqueryのを必要としません....

.thumb { 
background: #000; 
transition: 0.5s; 
-moz-transition: 0.5s; 
-webkit-transition: 0.5s; 
-o-transition: 0.5s;} 

.thumb:hover { 
background: #fff; 
transition: 0.5s; 
-moz-transition: 0.5s; 
-webkit-transition: 0.5s; 
-o-transition: 0.5s;} 

Demo here

Answer 3

... reference

$('img.thumb').hover(function(){ 
    $(this).animate({ backgroundColor: 'white' }, 600); 
}); 

あなたが別のプラグインを持っている、またはあなたはjQueryのUIを使用している場合を除き、あなたはまた、jQueryの色をアニメーション化することはできません、以前のスレッドjQuery backgroundColor animationとjQuery animate backgroundColor