Jquery होवर - पृष्ठभूमि रंग एनीमेशन कैसे बनाएं

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> 

होवर() बिल्कुल काम नहीं कर रहा है। जब माउस होवर होता है तो मैं बस पृष्ठभूमि रंग या सीमा आकार को सेट करने की कोशिश करता हूं।

Answer 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 backgroundColor animation और jQuery animate backgroundColor