jquery keydown animate背景顏色

我想簡單地爲按鍵設置動畫背景。我無法使用它：jquery keydown animate背景顏色

$('input#userInput').live('keydown', function() { 
    $(this).animate({backgroundColor:'#4E1402'}, 300).delay(800).animate({backgroundColor: '#555'}, 100); 
});

請讓我知道我要去哪裏錯了。謝謝！

來源

2012-09-15 webwrks

好的，我看到每個人都在說關於jQuery UI ...我們只是使用顏色，例如...是代碼正確的，然後顏色？我不明白！ http://jsfiddle.net/6k6uK/ – webwrks

我在我的答案中包含了一個jsFiddle，它使用了jQuery.color（）插件的確切代碼。 – Josh

那是因爲你沒有can't animate background-color插件

所有動畫屬性應該動畫到一個數值，除了下面提到;大多數非數字屬性不能使用基本jQuery功能動畫 （例如，寬度，高度，或左邊可以是動畫，但背景色不能是，除非使用 jQuery.Color（）插件） 。除非另有說明，否則屬性值視爲像素數。在適用的情況下，單位em和％可以是。

jsFiddle with the plugin

來源

2012-09-15 04:40:45 Josh

對不起，沒有看到這個工作...即使當我刪除喲！ – webwrks

@webwrks - Appologies ...添加插件後忘了點擊更新按鈕。應該現在工作。我更新了鏈接。 – Josh

謝謝！我喜歡喲！觸摸，但也想知道。我想知道這是否是jQuery將使用戶界面變得可能的事情。再次感謝。 – webwrks

嘗試這樣

$('#userInput').keydown(function(){ 
    $(this).css("backgroundColor",'#4E1402'); 
$(this).delay(2000).queue(function(){ 
    $(this).css("backgroundColor",'#555');}); 
});

來源

2012-09-15 04:31:45 Gautam3164

沒有，沒有這樣做... – webwrks

@ Gautam3164 - 他的語法沒有錯...... jQuery根本不支持使用核心庫動畫背景顏色。 – Josh

查看edit.it的作品 – Gautam3164

嘗試color插件，它補充說：「做彩色動畫jQuery 1.2版本，和新的能力。」

此外，jQuery UI已包含彩色動畫支持。

來源

2012-09-15 04:40:55 jimp

jquery keydown animate背景顏色

回答

相關問題