如何在div上应用动画颜色效果

时间:2011-04-20 22:42:22

标签: jquery

我有这个jQuery函数:

$('.tracklistOff').find('.trackon').clone().insertAfter(($(param).parents('.trackon')));

我克隆div并添加它。 trackon的CSS类是:

.trackon{width:710px; height:26px; color:#CCCCCC; font-weight:bold; float:left;}

我想,当我添加它时,将一个红色背景颜色的trackon,并将其遮蔽为黑色;一种fadeIn(),没有从hide(但是从红色开始)到完成trackon背景(在我的上下文中,应该是白色)。 如何在没有任何插件的情况下进行操作?

3 个答案:

答案 0 :(得分:1)

你可以这样做:http://plugins.jquery.com/project/color

这是一个插件,是的,我知道。但这是我知道如何做到这一点的唯一方法,而不是自己重写插件。

答案 1 :(得分:0)

jquery有一个动画颜色插件,允许使用普通的动画方法进行颜色动画。那应该为你做。

答案 2 :(得分:-1)

jQuery UI扩展了jQuery的animate方法,允许您调制颜色。这是一个链接:http://jqueryui.com/demos/animate/