jQuery 不会工作？动画功能[关闭]

Posted 2023-05-08

【中文标题】jQuery 不会工作？动画功能[关闭]

【英文标题】：jQuery wont work? animate function [closed]

【发布时间】：2012-11-13 08:05:24

【问题描述】：

你好 ***

我正在浏览一些 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");
    );

);

【问题讨论】：

来吧.... opactiy

另外你需要第二个悬停功能来再次降低不透明度，如果这是你想要的效果......

【参考方案1】：

您的悬停语句中有错字：

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

应该是：

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

【参考方案2】：

只需在第二个.animate() 中将opactiy 更改为opacity：

$(function()

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

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

);​

jsFiddle

【参考方案3】：

$(function()

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

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

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

    );

);​

JSFIDDLE