jquery - 如何更改fadeIn div的文本颜色？

Question

我有以下在负载时运行的工作脚本。

$("div.fadeinWrapper").fadeIn(3000);

当 fadeIn 完成后，我想使用animate函数将 div 内的 span 的颜色从 #000000 更改为 #FF0000。我该怎么做？

Answer 1

fadeIn() 有一个回调函数

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

来源：http ://api.jquery.com/fadeIn/

Answer 2

像这样：

$("div.fadeinWrapper").fadeIn(3000, function() {
    $("span.yourclass").animate({
        color: "#fff000",
    });
});

注意：为此您需要Jquery UI 库。

更多信息animate()：http: //jqueryui.com/animate/

Answer 3

您可以使用fadeIn()回调为span 元素设置动画，但animate()方法默认不支持颜色动画。

您需要为此包含jQuery 颜色库或 jQuery UI 库

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

演示：小提琴

Answer 4

这是帮助您理解代码的示例。小提琴http://jsfiddle.net/hEmCa/1/

 $(document).ready(function(){
     $('#pt').click(function(){
     $('#d').fadeIn(6000);
         $('#d1').animate({
         opacity: 0.65,
          left: "+=500",
          height: "toggle"
         });
     });
  });

我希望你想实现这一目标。