Jquery hover - Arka plan rengi animasyonu nasıl yapılır?

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() hiç çalışmıyor. Ben sadece arka plan rengini ayarlamaya çalışıyorum veya fare vurgulu olduğunda kenarlık boyutu artırılmalıdır.

Answer 1

Renkleri (en azından bu şekilde) canlandıramazsınız, yalnızca bir sayısal değere sahip özelliklere izin verilir. Eklemeniz gereken ayrı bir renk animasyon eklentisi var.

anonim işlev eksik Yani parantez:

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

Answer 2

Sen jquery gerekmez ....

.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

renk eklentisi kullanabilirsiniz .. reference

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

Daha fazla bilgi için şu bağlantıya geçebilirsiniz: jQuery backgroundColor animation ve jQuery animate backgroundColor