jquery animate不与rgba一起工作

我正在尝试使用jquery动画div。我想从改变悬停他不透明度DIV做一个按钮：jquery animate不与rgba一起工作

$(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); 
    }); 

    });

我的div：

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

有没有人知道，那有什么问题？

来源

2014-02-25 user3352323

您是否尝试过对不透明度设置动画或使用'fadeTo（）'？ –

是的，但它需要0.7不透明度，如1.0不透明度。 – user3352323

试试这个插件：http：//www.bitstorm.org/jquery/color-animation/ – sinisake

你可以在http://jsfiddle.net/gaby/vGtGL/

只用CSS做，通过使用CSS transitions

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

演示为了只在动画上悬停出设定的时间上:hover规则

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

演示在http://jsfiddle.net/gaby/vGtGL/1/

来源

2014-02-25 17:32:06

是的，我知道，我已经尝试过，但我不希望同时在盘旋之前和之后，光标结束时我想要0 div和0.8当光标离开div时， – user3352323

@ user3352323然后只需重置'：hover'规则中的'transition-duration'属性 –

是的，这对我有很大的帮助，并且带给了我全新的css世界转换;）谢谢:) – user3352323

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

所有的动画属性应该被设置为一个数字值，除非如下所述;大多数非数字属性不能使用基本的jQuery功能来动画（例如，宽度，高度或左边可以是动画，但背景色不可以，除非使用jQuery.Color（）插件）。

来源

2014-02-25 17:38:49

我说我使用jQuery的颜色插件;） – user3352323

scriptdoes'ntstart：包括jquery库后的颜色插件 –

该脚本运行良好，直到我开始玩alpha通道。脚本可以被破坏，但我不这么认为。 – user3352323

jquery animate不与rgba一起工作

回答

相关问题