2012-05-07 224 views
2

我已经制作了这段代码。当我将鼠标悬停在一个框上时,它会更改背景图像。 但是,我想要进入的图片淡入。我该怎么做? :)Jquery褪色图像交换

$(document).ready(function(){ 

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

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

}); 

回答

1

可以使用switchClasstoggleClass

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

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

我想switchClass auita你

+0

谢谢.. :) 我会试试看。 – Adnaves

+0

当然,这将是很好,如果你分享你的经验以及:) – Tanveer

1

我认为jQuery的UI switchClass可能会帮助你:

switchClass

+0

虽然这可能在理论上回答问题n,[最好](http://meta.stackexchange.com/q/8259)在这里包括答案的基本部分,并提供参考链接。 – Lix

+1

我觉得这是非常不公平的。让我们面对它吧,除了使用switchClass指令和正确的参数外,没有什么比这更容易的了,这很容易通过读取链接来完成。没有什么可以解释的,答案是关于主题的,即使我不是说它应该被认为是正确的答案,但是获得低投票是我无法接受的。 – Th0rndike

+0

嗯,我很抱歉你有这种感觉。链接只有答案是可怕的海事组织。我们希望为网站带来精彩的内容** - 不是让用户离开这里。如果您有解决方案,请将其粘贴到此处并提供链接以供参考。这个答案没有付出努力。 – Lix