jquery - 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

您的悬停语句中有错字：

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

应该：

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

Answer 2

只需更改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 3

$(function(){

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

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

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

    });

});​

JSFIDDLE