在同一元素中添加Jquery Attribute和CSS

Question

我正在尝试在悬停时更改图像，但它似乎不起作用，任何想法？ CSS也没有用。基本上它的作用是当链接悬停时，图像应该随着缩放效果而改变

<script>
    $('#c_menu2').hover(function(){
        $('img.hut2').attr("src", "Images/hut2.png");   
        $('img').css( { -moz-transform:'scale(1.04)', 
   -webkit-transform:'scale(1.04)',
   -o-transform:'scale(1.04)' } );
        $(this).css( { color: '#b26c64'});          
    }, function(){
         $('img.hut2').attr("src", "Images/hut.png");  
        $('img.hut2').css( { height:'195px',
    width:'240px',
    -moz-transition:'-moz-transform 0.1s ease-in',
    -webkit-transition:'-webkit-transform 0.1s ease-in',
    -o-transition:'-o-transform 0.1s ease-in' } );
        $(this).css( { color: '#000'}); 

    });

    $('img.hut2').hover(function(){
        $('#c_menu2').css( { color: '#b26c64'});


    }, function(){
        $('#c_menu2').css({ color: '#000'});            

    });

</script>