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