Jquery淡入淡出图像交换答案

【问题标题】：Jquery fade image swapJquery淡入淡出图像交换
【发布时间】：2012-05-15 21:06:48
【问题描述】：

我已经编写了这段代码。当我将鼠标悬停在一个框上时，它会更改背景图像。但是，我希望进来的图片淡入淡出。我该怎么做？ :)

$(document).ready(function(){

    $("#box1").mouseover(function(){
        $("#background").addClass("hover1");
        $("#content").html(box1);
    });

    $("#box1").mouseout(function(){
        $("#background").removeClass("hover1");
        $("#content").html(content);            
    });

});

【问题讨论】：

标签： jquery image fade

【解决方案1】：

您可以使用switchClass 或toggleClass 喜欢

$("p").click(function () {
    $(this).switchClass("ClassToBeRemoved", "ClassToBeAdded", 1000);
});

$('#foo').toggleClass(className, addOrRemove);

我认为switchClass auita你

【讨论】：

谢谢.. :) 我试试看。
当然，如果你也分享你的经验，这会很好:)

【解决方案2】：

我认为 jquery-ui switchClass 可能会帮助你：

switchClass

【讨论】：

虽然理论上这可以回答这个问题，it would be preferable 在这里包含答案的基本部分，并提供链接以供参考。
我觉得因为这样的事情被否决是非常不公平的。让我们面对现实吧，没有什么比使用带有正确参数的 switchClass 指令更多的事情了，这很容易通过阅读链接来完成。没有什么可解释的，答案是主题，即使我不是说它应该被认为是正确的答案，我也不能接受被否决。
很抱歉你有这种感觉。仅链接的答案是可怕的 IMO。我们希望将精彩的内容带到网站 - 而不是引导用户离开这里。如果您有解决方案，请在此处粘贴并提供链接以供参考。这个答案没有付出任何努力。