2012-05-07 145 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