單擊淡出背景顏色

我正在嘗試執行一些非常標準的操作：單擊某個單獨的div時淡化背景顏色。 www.jamesjano.com單擊淡出背景顏色

點擊白色圓圈應該會將黑色的bg淡化爲白色。我試過使用動畫，但它不工作（雖然它與內容框的不透明度一起工作）....我已經試過了一切，但無法弄清楚這一點。另外奇怪的是，它在本地工作，而不是當它活着。任何和所有的幫助，將不勝感激。這裏是我使用的代碼：

<script type="text/javascript"> 
$(document).ready(function(){ 
$("#logo, #sec_log").click(function() { 
    $(".animate").stop().animate({"backgroundColor":"#ffffff"}, 800); },function() { 
    $(".animate").stop().animate({"backgroundColor":"#ffffff"}, 800); 

    }); 
}); 

</script>

來源

2012-08-07 James Jano

默認的jQuery包沒有background-color動畫功能。你必須使用jQuery UI中的Color Animation。 Here是一個工作示例。

來源

2012-08-07 22:03:18

我複製了相同的代碼，仍然沒有骰子。我覺得我可能不會呼喚出正確的腳本？ – 2012-08-09 12:32:01

複製相同的代碼不會解決您的問題。在此之前，你必須包含jQuery UI庫。 – 2012-08-09 12:43:04

閱讀Emre的答案，瞭解如何動畫background-color屬性。在CSS3之前，CSS不支持背景色的opacity屬性。

來源

2012-08-07 22:05:20

單擊淡出背景顏色

回答

相關問題