Jquery 如何更改fadeIn div的文本颜色?

Jquery 如何更改fadeIn div的文本颜色?,jquery,Jquery,我有以下加载运行的工作脚本 $("div.fadeinWrapper").fadeIn(3000); 完成fadeIn后,我想使用animate函数将div内跨距的颜色从#000000更改为#FF0000。我是如何做到这一点的?fadeIn()有一个回调函数 $("div.fadeinWrapper").fadeIn(3000, function() { --your animate code here-- }); 来源:像这样: $("div.fadeinWrapper").f

我有以下加载运行的工作脚本

$("div.fadeinWrapper").fadeIn(3000);
完成fadeIn后,我想使用animate函数将div内跨距的颜色从#000000更改为#FF0000。我是如何做到这一点的?

fadeIn()有一个回调函数

 $("div.fadeinWrapper").fadeIn(3000, function() {
    --your animate code here--
 });
来源:

像这样:

$("div.fadeinWrapper").fadeIn(3000, function() {
    $("span.yourclass").animate({
        color: "#fff000",
    });
});
注意:您需要为这一点

有关
animate()
的详细信息:

您可以使用回调设置span元素的动画,但默认情况下,该方法不支持颜色动画

为此,您需要包括库或jqueryui库

$("div.fadeinWrapper").fadeIn(3000, function(){
    $(this).find('span').animate({
        color: '#FF0000'
    })
});

演示:

以下是帮助您理解代码的示例。拨弄


我希望你能做到这一点。

fadeIn
的完整回调中调用
animate
。谢谢你Joren,这正是我想要的:)当然我错过了jquery ui库。谢谢imbask,我只是在找中间部分。
 $(document).ready(function(){
     $('#pt').click(function(){
     $('#d').fadeIn(6000);
         $('#d1').animate({
         opacity: 0.65,
          left: "+=500",
          height: "toggle"
         });
     });
  });