Question

Hello stackoverflow

我正在浏览一些jQuery教程，因为我想开始一个2D聊天。

我有一个代码，应该使一些图像的透明度为50％，而当mouser悬停图像时，这个代码是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

jQuery不会工作？动画功能

3 个答案: