Fadeout標籤的邊框

我試圖用jQuery淡出html標籤的邊框。搜索了很多之後，我才知道jQuery的.animate()函數可能對此有用。但我無法正確實施它。以下是我正在處理的jsfiddle。我嘗試在按鈕單擊的方法中使用$("#lbl").animate({border-bottom: 'border-bottom: 1px solid #D8D8D8'});。但它沒有奏效。請讓我知道，我做錯了什麼？還有其他方法可以實現嗎？Fadeout標籤的邊框

來源

2012-06-19 Vaibhav Jain

使用jQuery UI和動畫邊框顏色如下：

$("#lbl").animate({ 
    "border-color": "#fff" 
});

DEMO：http://jsfiddle.net/7Vc9u/9/

更新。似乎border-color（或borderColor）不是用於動畫製作的跨瀏覽器屬性，它在FF和IE中不起作用（請參閱comment below）。我們可以分別改變每個邊界的屬性。它應該工作正常。

$("#lbl").animate({ 
    "borderBottomColor": "#fff", 
    "borderLeftColor": "#fff", 
    "borderRightColor": "#fff", 
    "borderTopColor": "#fff" 
});

DEMO：http://jsfiddle.net/7Vc9u/11/

來源

2012-06-19 10:01:46 VisioN

+1一分鐘比我快:-) – ManseUK

瀏覽器支持似乎有所不同。它似乎只適用於我的Chrome，Firefox和IE只需交換邊界顏色而不需要動畫。 –

+1優秀，我的油炸，我非常愛你，優秀，非常好，好，愛，和平，也一樣。 – gdoron

試試這個：

$("#lbl").animate({ 
    "border-color": "#fff" 
},1000);

這將動畫邊框顏色爲白色在1周秒鐘的時間（的animate第二個參數 - 1000毫秒）。

注意使用.animate()你需要使用jQuery UI

Working jsfiddle here

來源

2012-06-19 10:03:33 ManseUK

+1，我不知道它需要jQuery UI –

Fadeout標籤的邊框

回答

相關問題