Jquery淡化图像交换

时间:2012-05-07 10:47:53

标签: jquery image fade

我已经制作了这段代码。当我将鼠标移到一个盒子上时,它会改变背景图像。 但是,我想要进入的图片,淡入。我该怎么做? :)

$(document).ready(function(){

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

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

});

2 个答案:

答案 0 :(得分:1)

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

switchClass

答案 1 :(得分:1)

您可以使用switchClasstoggleClass喜欢

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

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

我认为switchClass适合你