2010-12-11 160 views
0

目前我使用的jQueryUI的這樣的懸浮效果:淡入和淡出效果與jQuery

$('#menu-header-menu li a').hover(
    function() { 
     $(this).animate({ backgroundColor: '#eaeaea'}, 500); 
    }, 
    function() { 
     $(this).animate({ backgroundColor: '#fff'}, 500); 
    } 
); 

但我覺得既包括jQuery和jQueryUI的庫來完成,這是沒有必要的。有沒有什麼聰明的方式來使用fadeInfadeOut這樣做只有jQuery?

我已經嘗試了一些不同的東西,但不能沒有jQueryUI的工作。

感謝/托比亞斯

+0

...沒有什麼在你的代碼,包括jQuery UI的。 'animate'是一個標準的jQuery方法:http://api.jquery.com/animate/你看到了什麼錯誤,到底是什麼? – 2010-12-11 21:19:28

+0

@Victor - 你需要用戶界面來動畫顏色轉換。 – user113716 2010-12-11 21:21:33

+0

@帕特里克:你是對的。它就在我鏈接的頁面上。 /羞愧 – 2010-12-11 21:27:32

回答

2

爲了執行與色彩的動畫,你就需要使用jQuery Color Animations Plugin或裸機fx包從jQuery UI

+0

但我可能會淡出在一個具有正確顏色的班級? – sandelius 2010-12-11 22:12:21

+2

@sandelius我不這麼認爲。 – 2010-12-11 22:14:58

+0

顏色漸變不在覈心jQuery庫中。如果沒有其他插件,只有不透明漸變可用。 – 2010-12-11 23:34:21