单击淡出背景颜色

我正在尝试执行一些非常标准的操作：单击某个单独的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

单击淡出背景颜色

回答

相关问题