jquery - Jquery淡入淡出图像交换

Question

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

$(document).ready(function(){

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

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

});

Answer 1

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

开关类

Answer 2

你可以使用switchClass或toggleClass

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

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

我认为 switchClass auita 你