无法使用“.animate”生成标签悬停

时间:2012-09-23 10:26:31

标签: jquery

我正在尝试使用.animate函数来更改(和淡入/淡出)我的标签悬停时的背景颜色,当光标移出标签时返回原始颜色。< / p>

这是我的 jsFiddle

我尝试使用.hover和/或.mouseover / mouseout功能无法找到干净的解决方案,因此非常欢迎正确方向的转向。

3 个答案:

答案 0 :(得分:1)

您需要将animate-colors添加到您的网页(http://www.bitstorm.org/jquery/color-animation/)。 jQuery默认不支持颜色动画,但是使用这个插件你应该能够做任何你想做的事。


编辑:http://jsfiddle.net/q4fXm/2/更新了小提琴,在JS面板中硬编码插件。我不得不将JSFiddle左边的include从MooTools更改为jQuery以使其工作。

答案 1 :(得分:0)

除非如下所述,否则应将所有动画属性设置为单个数值。大多数非数字属性无法使用基本jQuery功能进行动画处理(例如,宽度,高度或左边可以设置动画,但背景颜色不能,除非使用jQuery.Color() plugin)。

答案 2 :(得分:0)

我相信您需要为颜色动画添加效果核心(jquery.effects.core.js)才能工作。 http://docs.jquery.com/UI/Effects

引自上面的链接:“jQuery UI效果核心扩展了animate功能,以便能够为颜色设置动画。”