jquery - 单击时淡化背景颜色

Question

我正在尝试做一些非常标准的事情：在单击单独的 div 时淡化背景颜色。www.jamesjano.com

单击白色圆圈应该将黑色背景淡化为白色。我试过使用动画，但它不起作用（尽管它正在处理内容框的不透明度）......我已经尝试了一切，但无法弄清楚。奇怪的是，它在本地工作，但不是在现场工作时。任何和所有的帮助将不胜感激。这是我正在使用的代码：

 <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>

Answer 1

默认的 jQuery 包没有background-color动画功能。您必须使用jQuery UI 中的颜色动画。这是一个工作示例。

Answer 2

阅读 Emre 的答案以了解如何为background-color属性设置动画。CSSopacity直到 CSS3 才支持 background-colors 的属性。