点击时淡化背景颜色

Question

我正在尝试做一些非常标准的事情：点击一个单独的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>

Answer 1

默认的jQuery包没有background-color动画功能。您必须使用jQuery UI中的Color Animation。 Here是一个有效的例子。

Answer 2

阅读Emre的答案，了解如何设置background-color属性的动画。在CSS3之前，CSS不支持背景颜色的opacity属性。