jQuery不會工作？動畫功能

Question

你好計算器

進入jQuery的一些教程，因爲我想開始2d聊天。

我有一個代碼，應該使一些圖像在50％的不透明度，100％時，一個漫畫家盤旋的圖像，但它不會工作？圖像是50％，但不會更改爲100％。

我的代碼：

$(function(){ 

    $('#container img').animate({ 
     "opacity" : .50 
    }); 

    $('#container img').hover(function() { 
     $(this).animate({ "opactiy": 1 }); 
     console.log("Den er nu 100% klar"); 
    }); 

}); 

Answer 1

中只要改變opactiy到opacity你的第二個.animate()：

$(function(){ 

    $('#container img').animate({ 
     "opacity" : .50 
    }); 

    $('#container img').hover(function() { 
     $(this).animate({ "opacity": 1 }); // <-- Right here 
     console.log("Den er nu 100% klar"); 
    }); 

});​ 

jsFiddle

Answer 2

你已經在你的懸停聲明中有一個錯字：

$(this).animate({ "opactiy": 1 }); 

應該是：

$(this).animate({ "opacity": 1 }); 

Answer 3

$(function(){ 

    $('#container img').animate({ 
     opacity : '1' 
    }); 

    $('#container img').hover(function() { 
     $(this).animate({ opacity:'0.5' }); 

    },function(){ 
      $(this).animate({ opacity:'1' }); 

    }); 

});​ 

JSFIDDLE