jquery动画不'；t与rgba合作

我正在尝试使用jquery设置div的动画。我想在div中做一个按钮，改变悬停时的不透明度：

$(document).ready(function() {
$('.zprava_link').hover(
    function() {
         $(this).stop().animate(backgroundColor: 'rgba(121, 202, 199, 1.0)', 0);
    },
    function() {
         $(this).stop().animate(backgroundColor: 'rgba(121, 202, 199, 0.7)', 800);
    });

  }); 

我的部门：

.zprava_link{
width:42px;
height:100%;
position: absolute;
right:0px;
top:0px;            
background-color: rgba(121, 202, 199, 0.7);
}

HTML中的格式和用法：

<div class="zprava_link" id="">
  <table>
  <tr><td><a href=""><img src="images/rarr.png"></a></td></tr>
  </table>

</div>

我还链接了jquery库和jquery.color库的最新版本，但它不起作用，脚本无法启动。看起来，这个剧本不太好，但确实如此。恐怕这是一个“不支持”的错误。我使用的是Firefox 27/Opera 12

---

有人知道这有什么问题吗？

您可以使用CSS，通过使用

演示

---

要仅设置悬停动画，请在

：hover

规则中设置持续时间

.zprava_link:hover{
    transition-duration:0s;
    background-color:rgba(121, 202, 199, 1);
}

---

默认情况下，jQuery上的演示无法设置颜色动画。为了制作颜色动画，请使用官方插件

---

所有已设置动画的属性都应设置为单个数值，以下说明除外；大多数非数字属性无法使用基本jQuery功能设置动画（例如，宽度、高度或左侧可以设置动画，但背景色不能设置动画，除非使用jQuery.color（）插件）。

您是否尝试过设置不透明度动画或使用

fadeTo（）

？是，但是它需要0.7的不透明度，就像1.0的不透明度一样。请尝试使用此插件：没有更改，抱歉：（为什么id是空的？你至少应该给它一些值，或者id标签应该被移除是的，我知道，我以前试过，但我不想在悬停前后同时使用，我希望光标在div上时为0，光标离开div时为0.8。@user3352323然后只需重置

上的
转换持续时间
属性：hover
rule.yes，这帮了我很大的忙。它把我带到了css转换的全新世界；）谢谢：）我说我在使用jquery颜色插件；）ScriptDos'ntstart：在jquery库之后包含颜色插件。在我开始使用alpha频道之前，该脚本运行良好。脚本可能会被破坏，但我不这么认为。如果您知道jquery没有冲突，请使用它，这可能就是原因
.zprava_link:hover{
    transition-duration:0s;
    background-color:rgba(121, 202, 199, 1);
}